Support Forum - Topic: LIghtbox using the HTML version

Support Forum - Topic: LIghtbox using the HTML version http://www.kriesi.at/support/topic/lightbox-using-the-html-version Support Forum - Topic: LIghtbox using the HTML version en-US Thu, 23 May 2013 18:44:56 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Chris Beard on "LIghtbox using the HTML version" http://www.kriesi.at/support/topic/lightbox-using-the-html-version#post-22634 Tue, 12 Jul 2011 23:30:10 +0000 Chris Beard 22634@http://www.kriesi.at/support/ This seems correct, yes. You'd ope your div, open a link to the image you want to be "in the gallery" and pop out, then you'd put a smaller image in an img tag, you'd then close the link and continue with your div, then close your div. Your last example should work. (You can see it in action in your second post on this topic =D, the links open in a lightbox but the path to the image is incorrect because this site doesn't hold the images ;) ) tkny69 on "LIghtbox using the HTML version" http://www.kriesi.at/support/topic/lightbox-using-the-html-version#post-22627 Tue, 12 Jul 2011 22:04:04 +0000 tkny69 22627@http://www.kriesi.at/support/ Oops this is the code: But do you put the lightbox code into the div in place of the <code><a href="files/content_pic2.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a></code> Like this: <code><div class="one_fourth"><a href="files/content_pic2.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a></code> <h3>2010</h3> Click on photo to see year's winners!` </div> tkny69 on "LIghtbox using the HTML version" http://www.kriesi.at/support/topic/lightbox-using-the-html-version#post-22624 Tue, 12 Jul 2011 21:44:31 +0000 tkny69 22624@http://www.kriesi.at/support/ Thanks Chris for your reply. My site isn't up yet. I was just playing around with the template for a possible uses. I am complete newbie to all of this, though I am making my way around everything (or at least I think I am). I will explain what I want to do with the code. Here is the code that I will use for each photo (4) that I want on the page. <div class="one_fourth"><a href="files/content_pic2.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a> <h3>2010</h3> Click on photo to see year's winners! </div> Now can I change the photos that opens in the preloading into it's own gallery — meaning it's own photos that are different from the next div on the page? It seems that each of these divs use the same photos. I would like each div to house it's own photo gallery. I couldn't find where the photos are located in the jquery, etc. If I wanted to use the lightbox how do I use the code in the div? Like this?? div class="one_fourth"><a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."><img src="images/thumbnails/t_1.jpg" alt="Red round shape" /></a> <a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."><img src="images/thumbnails/t_1.jpg" alt="Red round shape" /></a> <a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."><img src="images/thumbnails/t_1.jpg" alt="Red round shape" /></a> <a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."><img src="images/thumbnails/t_1.jpg" alt="Red round shape" /></a> <h3>2010</h3> Click on photo to see year's winners! </div> Is this correct? And do I have to put this “before the closing tag of your body ()” <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto(); }); </script> Sorry for all the questions. I'm just semi new to all of this! Tina Chris Beard on "LIghtbox using the HTML version" http://www.kriesi.at/support/topic/lightbox-using-the-html-version#post-22611 Tue, 12 Jul 2011 20:10:15 +0000 Chris Beard 22611@http://www.kriesi.at/support/ Hi, So you want to open every image in a seperate window and have no option to go to the next picture in the group? Which steps have you taken to make it work? Do you have a link to your site so we can check what might be missing? <a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/">This</a> should really help you out, can you explain what is unclear? tkny69 on "LIghtbox using the HTML version" http://www.kriesi.at/support/topic/lightbox-using-the-html-version#post-22587 Tue, 12 Jul 2011 17:12:15 +0000 tkny69 22587@http://www.kriesi.at/support/ Hello! Your template is great! I am using the HTML version. I am using the div class "one_fourth" to create a series of photos across the page. Now here is my question. Where can I change the photos so that each photo opens into it's own lightbox slideshow gallery? I'm getting a little confused over at <a href="http://www.no-margin-for-errors.com" rel="nofollow">http://www.no-margin-for-errors.com</a> about the whole lightbox things. I just want to make sure I have the right code in order to do a unique slideshow for each picture .... Thanks! Tina