Pass variable in JS

Question

First my code:

Html

 <div class="product_image m2" id="m2"><a href="#" id="10" class='multi2'>test..</a></div>

JS

 $(document).ready(function(){

     $("#m2 a").bind("click", function() {
        var value = $( this ).attr( 'id' );
        alert(value);
        return false;
    });


    if ($(".multi2").length > 0){
    
           $(".multi2").yoxview({
           
                cacheImagesInBackground:true,
                skin: "top_menu",
                lang: "hu",
                
                images: [
        
                { media: { src: 'images/galeria/cella/image01'+value+'.JPG', title: 'Cella hegesztő' }},
                { media: { src: 'images/galeria/cella/image015.JPG', title: 'Cella hegesztő' }},
                { media: { src: 'images/galeria/cella/image013.JPG', title: 'Cella hegesztő' }},
            
            
            ]
            });
    }

 });

So, I use Yoxview. Multi2 class define the images and when user click on link (or thumbnail). lightbox shown and slideshow start.

The slideshow start every time from the first image defined in JS. I would like to change this so i would like to pass the id of href inside in m2 div to the image list.

Unfortunately I can't do this. I try this code but with this the script crash. How can I pass VALUE to image list?

you can not start id with a number , it is illegal

Kanishka Panamaldeniya
– Kanishka Panamaldeniya

2012-08-28 08:48:45 +00:00
Commented Aug 28, 2012 at 8:48 — Kanishka Panamaldeniya
– Kanishka Panamaldeniya, Commented Aug 28, 2012 at 8:48
@KanishkaPanamaldeniya Not any more with html5

Yoshi
– Yoshi

2012-08-28 09:11:48 +00:00
Commented Aug 28, 2012 at 9:11 — Yoshi
– Yoshi, Commented Aug 28, 2012 at 9:11

score 2 · Accepted Answer · 2012-08-28 09:09:21Z

Try code below, this probably will work, but not a good solution.

EDIT
By the way as Kanishka mentioned its not legal to start ID with a number. You can store photo id as an custom attribute <a href="#"... data-photoid="2" ... /> and get it using jquery data() $(this).data('photoid').

$(document).ready(function(){
     $("#m2 a").bind("click", function() {
        var value = $( this ).attr( 'id' );
            if(!$(this).data('yoxed')) {
                 $(this).yoxview({

                    cacheImagesInBackground:true,
                    skin: "top_menu",
                    lang: "hu",

                    images: [
                       { media: { src: 'images/galeria/cella/image01'+value+'.JPG', title: 'Cella hegeszto' }},
                       { media: { src: 'images/galeria/cella/image015.JPG', title: 'Cella hegeszto' }},
                       { media: { src: 'images/galeria/cella/image013.JPG', title: 'Cella hegeszto' }}
                    ]
                  });
                 $(this).data('yoxed', true).trigger('click');
            }
        }

        return false;
    });
});

its works as a dream!!! But need to click twice on the link, 'coz the first click do nothing. Any idea about this behavior?
I edited the code. Try this one. Maybe its because yoxview attach an onclick handler after initialization, so you need to click again so that handler is dispatched.
the edited code not workin. But its not a big deal the two click.. I modify my code your Jquery Data() sugesstion.

Collectives™ on Stack Overflow

Pass variable in JS

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related