Hello there!
You can change the Google Maps opacity very easily with jQuery. I
wrote this snippet today, and applied it to a map to see if it would
work. And it does! On most browsers ;)
$(document).ready(function(){
// CSS selection of the Map object
var objMap = $("div#map table");
// Opacity when no-hover over the Map - You can play with this
value [0:1]
var opMap = 0.45;
// Onload of the document, the Map opacity is set to
0.45 (you can
$("div#map table").fadeTo(1, opMap);
$("div#map table").hover(
function(over) {
// On mouse hover, the opacity
increases slowly to 1 (400 is the increase speed in msecs)
$(this).stop().fadeTo(400, 1);
},
function(out) {
// On mouse out, the opacity
decreases back to 0.45, initial state (with 500 as the decrease speed
in msecs)
$(this).stop().fadeTo(500, opMap);
});
});
I hope this will help!
On 9 déc 2008, 09:51, Juan <[email protected]> wrote:
> Hi
>
> Is possible change the opacity of the map?
>
> I can change the opacity using div elements, but, it change the
> markers too.
>
> I only want to change map opacity.
>
> Thanks
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
