[Bluezap]

Hey, I'm not sure if any of you are familiar with this lightbox plugin but here is the link
[url]http://ilightbox.net/[/url]
The issue is that to implement ilightbox, for every image you have to place multiple javascript codes like this

         
   <script>
  $('#ilightbox1').iLightBox();
	</script>
    
    <script>
  $('#ilightbox2').iLightBox();
	</script> 
    
    <script>
  $('#ilightbox3').iLightBox();
	</script>
    

and call it by using id="ilightbox1" and so on for every other image
Isn't there away to just create a class and call it for every image like how fancybox is implemented?

<script type="text/javascript">
	$(document).ready(function() {
		$(".fancybox").fancybox();
	});
</script>

And just call it from class="fancybox" ?

[andrewsw]

I suspect you could do this - did you try it? Of course, continuing to read the documentation would be best.

At worst you could do something like this:

<script type="text/javascript">
	$(document).ready(function() {
		$(".yourclass").each(function () {
                    $(this).iLightBox();
                });
	});
</script>

[Bluezap]

using

<script type="text/javascript">
	$(document).ready(function() {
		$(".ilightbox").iLightBox();
	});
</script>

Causes all images with the class to form into one big gallery.
But by using what you provided above I was able to separate them into individual images
Thank you.

[andrewsw]

No problem.

(I've moved this to the jQuery forum.)