Bruce432213

3 hours ago, justsomeguy said:

You can use the + operator to concatenate.

https://www.w3schools.com/js/js_operators.asp

The thing is, '+colour+' results in 'colour' as an entire string. I wan't to have the '       ' as a string and pass in colour like a variable.

I want to do the following:

var colour = blue;

fill: 'colour',  

Thank you

Hi, the html file is showing that it has changed the value in the XML file, but when I open the XML file nothing has changed.

    var status=xmlDoc.getElementsByTagName("Seats");
    alert(status[2].getElementsByTagName("Status")[0].childNodes[0].nodeValue); //Unbooked
    status[2].getElementsByTagName("Status")[0].childNodes[0].nodeValue = "Booked"; 
    alert(status[2].getElementsByTagName("Status")[0].childNodes[0].nodeValue); //Booked

So, it changes from "Unbooked" to "Booked" but it doesn't change in the XML file. What's going on?

I just found out that if I put a fadeIn() just before the bounce that it works, like so:

                        jQuery('#big-photo img').attr('src', path).fadeIn(0);
                        jQuery('#big-photo img').attr('src', path).effect("bounce", 300);

but that doesn't seem like a good practice.

Hi, this is for an image gallery. I have certain images that have a different hover effect.
When I hover over the image for the first time it bounces in the big image slot. When I hover to another image and then back to the "bounce" image it doesn't display as bouncing. In fact, no image is displayed in the big image slot.

Thank you

                //When hover
                $('.photos4 li').hover(
                    function(){
                        //Small hoverable image - set opacity to 1
                        $(this).find('img').stop().fadeTo('slow',1);
                        
                        //Big image -set the small image to the big image
                        // Getting "src" attribute of the image that was hovered
                        var path = jQuery(this).find('img').attr('src');
                        // Setting "src" attribute of the big image.
                        jQuery('#big-photo img').attr('src', path).effect("bounce", 300);
                    },
                    function(){
                        //Small hoverable image - set opacity to 0.4
                        $(this).find('img').stop().fadeTo('slow',0.4);
                        
                        //Big image -set the small image to the big image
                        // Getting "src" attribute of the image that was hovered
                        var path = jQuery(this).find('img').attr('src');
                        // Setting "src" attribute of the big image.
                        jQuery('#big-photo img').attr('src', path).finish();
                    });//end hover