opacity and zIndex not getting set when hovered
- by Catfish
I'm messing around with a jquery carousel script and i'm trying to get it so when you hover over an image, the size will be doubled(which i have working) and the opacity will be 100.
The script is here http://steph.net23.net/ImageCarousel/
This is the part i've added to double the width and height but the opacity is not taking effect.
The original script came from here http://www.devirtuoso.com/2009/08/how-to-create-a-3d-tag-cloud-in-jquery/
$('#list a img').hover(
function() {
clearInterval(go);
$(this).css('height', '200px');
$(this).css('width', '400px');
$(this).css('margin-left', '-100px');
$(this).css('opacity', '100');
var opac = $(this).css('opacity');
$(this).css('zIndex', '0');
var z = $(this).css('zIndex');
console.log("opacity = "+opac);
console.log("zindex = "+z);
},
function() {
go = setInterval(render, 20);
$(this).css('height', '100px');
$(this).css('width', '200px');
$(this).css('margin-left', '0');
});
