Color box to show images on a report

Question

Hello guys,
I am trying to use Color Box http://www.jacklmoore.com/colorbox to show the images on a report.
But the problem is when I click on an image the colorbox shows up but it displays symbols :
�O�Y��Yф�4N�iƒ�����JSE2SM-!4TԎ4�3ԑ���m�͋,z�� k���x����5�)٨Jl��4���3���ש�{I�O�t)��@>��Here you can see the report source:
select id as "ID",
CASE WHEN NVL(dbms_lob.getlength(CONTENT),0) = 0
            THEN NULL
            ELSE         
  '<a   class="gallery" onClick="javascript:color();"
href="'||apex_util.get_blob_file_src('P105_IMAGE',id)||'">
<img   style="border: 4px solid #CCC; -moz-border-radius: 4px;
-webkit-border-radius: 4px;" height="60" width="75"  alt="Property Image" title="Photos"
src="'||apex_util.get_blob_file_src('P105_IMAGE',id)||'" /> </a>' END as "PHOTO"
      from photos This is the function on the head of the page:
  <script>
            function color() {
                $('a.gallery').colorbox({ opacity:0.5 , rel:'group1'}) };
           </script>How can I get it worked ???
Best Regards,
Fateh
Edited by: Fateh on Jul 29, 2012 3:34 AM

Answer 1

Fateh wrote:
I am trying to use Color Box http://www.jacklmoore.com/colorbox to show the images on a report.
But the problem is when I click on an image the colorbox shows up but it displays symbols :
�O�Y��Yф�4N�iƒ�����JSE2SM-!4TԎ4�3ԑ���m�͋,z�� k���x����5�)٨Jl��4���3���ש�{I�O�t)��@>��
Hi Fateh
Looks like the same issue we had in your previous Fancy Box, with a jQuery plugin being unable to automatically determine the type of content coming from an APEX BLOB source.
Try setting the content type explicitly using the <tt>photo</tt> setting:
<script>
  function color() {
    $('a.gallery').colorbox({ opacity:0.5, rel:'group1', photo:true });
</script>