2. PHPRunner General questions
  3. [SOLVED]  iBox implementation
This topic is locked
[SOLVED]

 iBox implementation

 		5/4/2007 11:36:56
PHPRunner General questions
A
 asimha author

I have a lot of images to display in one of my projects. I currently use the standard image display (including thumbnails) provided in PHPRunner.

Now I would like to add the iBox support which basically requires adding some data to the <href calls as in:
<a href="image1.jpg" rel="ibox title="Image 1 Test"><img src="th_image1.jpg" alt=""/></a>
Source code at: http://www.ibegin.com/blog/p_ibox.html

Demo at: http://www.ibegin.com/ibox/ibox-test.html
Any help / hints much appreciated.

Thank you

Andre
A
 		asimha author 6/6/2007

Hay anyone implemented Lightbox or Greybox for the Image displays?

Thank you

Andre
Sergey Kornilov admin 6/7/2007

Andre,
you can set View as type of this field to Custom and build this URL manually.
A
 		asimha author 8/17/2007

Hello Jane, could you possibly help me achieve that?
I am not very good at the custom code <img src='https://asprunner.com/forums/file.php?topicimage=1&fieldname=reply&id=20512&image=1&table=forumreplies' class='bbc_emoticon' alt=':blink:' />
Thank you!
André
A
 		asimha author 8/20/2007

Any help from advanced members would be much appreciated!

Thank you

Andre
J
 		Jane 8/20/2007

Andre,
here is a sample code:

$value = "<a href=\"".$value."\" rel=\"ibox\" title=\"Image 1 Test\"><img src=\"th_".$value."\" alt=\"\"/></a>";
A
 		asimha author 8/28/2007

Dear Jane, than kyou for your help.
This is what I have implemented and ... it does not work ... nor does the thumbnail appear anymore.
$value = "<a href=\"".$row.1front_covervalue."\" rel=\"ibox\" title=\"Image 1 Test\"><img src=\"th".$row.1front_cover_value."\" alt=\"\"/></a>";
I know I am asking too much but could you please point me in the right direction ?
Thank you

Andre
A
 		asimha author 8/30/2007

Quick iBox / Lightbox Implementation Guide
Source code at: http://www.ibegin.com/blog/p_ibox.html

Demo at: http://www.ibegin.com/ibox/ibox-test.html
Include this before your Header (/HEAD)
&lt;script type="text/javascript" src="/scripts/ibox/ibox.js"></script>

<link rel="stylesheet" href="/scripts/ibox/ibox.css" type="text/css" media="screen"/>
In the Image display properties choose Custom Code and put this code:
$value = "<a href=\"/images/".$value."\" rel=\"ibox\" title=\"Image Name\"><img src=\"/images/th_".$value."\" alt=\"\"/></a>";
(Image Name could be a field name of course)
Still tweaking but it worked for me!
Enjoy

Andre