Hi everyone, I am a complete newbie so please be gentle with me.If my question is silly and impossible please tell me
I have followed a tutorial and made a slideshow on my webpage like the one here http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html I have used divs and same script. I am trying to implement prettyphoto plugin and add iframemodal box to the sliding image but can only get it to work with plug in jquery script if i use HTML like this :
<div id="gallery">
<div id="slides">
<ul class="gallery clearfix"> -this UL class is from pretty photo-
<div class="slide"><img src="img/sample_slides/macbook.jpg" width="920" height="400" alt="side" /></div>
<div class="slide"><img src="img/sample_slides/iphone.jpg" width="920" height="400" alt="side" /></div>
<div class="slide"><img src="img/sample_slides/imac.jpg" width="920" height="400" alt="side" /></div>
<div class="slide"><a href="energy.html?iframe=true&width=920&height=400" rel="prettyPhoto[iframe]"><img src="img/sample_slides/macbook.jpg" alt="" width="920" height="400" /></a></div>
</ul> -this also
</div>
But this does not pass the validator in Dreamweaver CS4 although page works fine locally. If I do not put the UL in where it is it does not add the box and background but just opens url in another page.
Please can someone put me on the right track in order for me to add an iframemodal box to my slideshow gallery so when the image in slideshow is clicked modal box isplays with another of my pages in it.
Thanks in advance