Welcome Guest, Not a member yet? Register   Sign In
thickbox gallery
#2

[eluser]slowgary[/eluser]
Look at the 'gallery images' example. It shows you how to do multiple images. If you only want to show 1 thumbnail, just don't put anything inside of the other <a> tags, or use CSS to hide them. So:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

&lt;html &gt;

&lt;head&gt;
    &lt;title&gt;&lt;/title>
    &lt;meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1' /&gt;
    &lt;script type='text/javascript' src='http://jquery.com/demo/thickbox/js/jquery-1.1.3.1.pack.js'>&lt;/script&gt;
    &lt;script type='text/javascript' src='http://jquery.com/demo/thickbox/thickbox-code/thickbox-compressed.js'>&lt;/script&gt;
    &lt;script type='text/javascript' src='http://jquery.com/demo/thickbox/js/global.js'>&lt;/script&gt;
    &lt;style type='text/css'&gt;
        @import 'http://jquery.com/demo/thickbox/thickbox-code/thickbox.css';
        @import 'http://jquery.com/demo/thickbox/css/global.css';
    &lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
    <a href="http://jquery.com/demo/thickbox/images/plant1.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="http://jquery.com/demo/thickbox/images/plant1_t.jpg" alt="Plant 1" /></a>
    <a href="http://jquery.com/demo/thickbox/images/plant2.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"></a>
    <a href="http://jquery.com/demo/thickbox/images/plant3.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"></a>
    <a href="http://jquery.com/demo/thickbox/images/plant4.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"></a>
&lt;/body&gt;

&lt;/html&gt;

This is a working example. I basically just took the gallery example they use on the site, changed all the links to absolute, then removed the 3 images from within the links (all except the first one).


Messages In This Thread
thickbox gallery - by El Forum - 05-10-2009, 07:32 AM
thickbox gallery - by El Forum - 05-10-2009, 08:22 AM
thickbox gallery - by El Forum - 05-10-2009, 08:58 AM
thickbox gallery - by El Forum - 05-11-2009, 07:00 AM
thickbox gallery - by El Forum - 05-11-2009, 07:43 AM



Theme © iAndrew 2016 - Forum software by © MyBB