More than four images in a row?

Question

I have it set up to display four images in a row. Does anyone know how to display more than that using Apex? Thanks, E.

Answer 1

Assuming that you are storing your images in a table in a column of type BLOB, 
and that you have a procedure to display an image and another to download the
image from your table, change your code to look as shown bellow.  Basically
this code generates an image tag < img> and an anchor tag < a> .  The anchor
tag calls the download_file procedure to download the image file. The image
tag calls the display_image procedure to display the image. 
(see comment below for images stored on the filesystem)
NOTE:  I put a space between the < and the tag name in  the "img",  "br" and "a" tags in the code to keep the system from interpreting them.   Take the space out when you use the code in your system.
SELECT col1, col2, col3, col4, col5, col6
FROM
(SELECT
'< img  src="#OWNER#.display_image?p_id=' || id || '" height="75" >' ||
       '< br/>' || '< a href="#OWNER#.download_file?p_file_id=' || id ||
       '">' || doc_name|| ' </a>' col1, 
lead('< img src="#OWNER#.display_image?p_id=' || id || '" height="75" >' ||
       '< br/>' || '< a href="#OWNER#.download_file?p_file_id=' || id ||
       '">' || doc_name|| ' </a>', 1) over (ORDER BY id) col2,
lead('< img src="#OWNER#.display_image?p_id=' || id || '" height="75" >' ||
       '< br/>' || '< a href="#OWNER#.download_file?p_file_id=' || id ||
       '">' || doc_name|| ' </a>', 2) over (ORDER BY id) col3,
lead('< img src="#OWNER#.display_image?p_id=' || id || '" height="75" >' ||
       '< br/>' || '< a href="#OWNER#.download_file?p_file_id=' || id ||
       '">' || doc_name|| ' </a>', 3) over (ORDER BY id) col4,
lead('< img src="#OWNER#.display_image?p_id=' || id || '" height="75" >' ||
       '< br/>' || '< a href="#OWNER#.download_file?p_file_id=' || id ||
       '">' || doc_name|| ' </a>', 4) over (ORDER BY id) col5,
lead('< img src="#OWNER#.display_image?p_id=' || id || '" height="75" >' ||
       '< br/>' || '< a href="#OWNER#.download_file?p_file_id=' || id ||
       '">' || doc_name|| ' </a>', 5) over (ORDER BY id) col6,
row_number() over (ORDER BY id) rn
FROM image_documents)
WHERE Mod(rn, 6) = 1
The code for my procedures follows.  Change table/column names as appropriate.
My image table:
CREATE TABLE image_documents (
  id              NUMBER         NOT NULL,
  keywords        VARCHAR2(4000) NULL,
  doc_name        VARCHAR2(500)  NULL,
  bytes           NUMBER         NULL,
  mime_type       VARCHAR2(50)   NULL,
  file_contents   BLOB           DEFAULT Empty_Blob() NULL
Code for display_image procedure:
CREATE OR REPLACE PROCEDURE display_image
(p_id NUMBER, p_mode VARCHAR2 DEFAULT 'DISPLAY') AS
   v_mime_type  VARCHAR2(50);
   v_bytes      NUMBER;
   v_doc_name   VARCHAR2(500);
   lob_image    BLOB;
BEGIN
-- uncomment this block and change XXXX  to you app ID to
--  keep users from running procedure
--  from outside your application
  APEX_APPLICATION.G_FLOW_ID := XXXX;
  IF NOT wwv_flow_custom_auth_std.is_session_valid THEN
   htp.p('Error Code: '||APEX_APPLICATION.G_FLOW_ID);
   RETURN;
  END IF;
  SELECT doc_name, bytes, file_contents
    INTO v_doc_name, v_bytes, lob_image
    FROM image_documents
   WHERE id = p_id;
   owa_util.mime_header('application/octet', FALSE);
   htp.p('Content-length:' || v_bytes);
   htp.p('Expires : ' || To_Char(SYSDATE + 1/24, 'FMDy, DD Month YYYY HH24:MI:SS') || ' GMT');
   IF (p_mode = 'DOWNLOAD') THEN
      htp.p('Content-Disposition: attachment; filename="' || v_doc_name  || '"');
   END IF;
   owa_util.http_header_close;
   wpg_docload.download_file(lob_image);
END display_image;
GRANT EXECUTE ON display_image TO PUBLIC;
-- Code for download_file  procedure
CREATE OR REPLACE PROCEDURE download_file(p_file_id in number) AS
v_doc_name VARCHAR2(100);
v_mime_type VARCHAR2(48);
v_bytes NUMBER;
v_file_contents BLOB;
BEGIN
-- uncomment this block and change XXXX to your app ID to keep users
--  from running this procedure from outside of your application
APEX_APPLICATION.G_FLOW_ID := XXXX;
IF NOT wwv_flow_custom_auth_std.is_session_valid THEN
  htp.p('Error Code: '||APEX_APPLICATION.G_FLOW_ID);
  RETURN;
END IF;
SELECT doc_name, bytes, mime_type, file_contents
   INTO v_doc_name, v_bytes, v_mime_type, v_file_contents
   FROM image_documents
WHERE id = p_file_id;
-- set up HTTP header
-- use an NVL around the mime type and
-- if it is a null set it to application/octect
-- application/octect may launch a download window from windows
owa_util.mime_header( nvl(v_mime_type,'application/octet'), FALSE );
-- set the size so the browser knows how much to download
htp.p('Content-length: ' || v_bytes);
-- the filename will be used by the browser if the users does a save as
htp.p('Content-Disposition: attachment; filename="'||v_doc_name|| '"');
-- close the headers
owa_util.http_header_close;
-- download the BLOB
wpg_docload.download_file( v_file_contents );
end;
For images stored in the file system, you do not need the procedures. 
Just define a virtual path in the httpd.conf file pointing to the file
directory and make the tags as follows:
< img src="virtual_path/img_file_name" height=25 />
< a href="virtual_path/img_file_name"> img_file_name </a>
Example: (assuming we are using the /i/ virtual path)
SELECT
'< img  src="/i/' || doc_name || '" height="75" >' ||
       '< br/>' || '< a href="/i/' || doc_name || '">' ||
       doc_name|| ' </a>' col1,
'< img  src="/i/' || doc_name || '" height="75" >' ||
       '< br/>' || '< a href="/i/' || doc_name || '">' ||
       doc_name|| ' </a>' col2,
  :Hope this helps.
ackness