You're not actually setting the source once you've replaced it:
$('li.clickable').hover(function() {
$(this).find('img').attr('src', $(this).find('img').attr
('src').replace(_off,_over));
}, function() {
$(this).find('img').attr('src', $(this).find('img').attr
OK! we're close...
If I attach this to a variable and echo it out, it give's me the
correct string. The _off is replaced with _over and the other way
around. As I have it below, on hover, the image will not change, no
errors (firebug), just doesn't do anything.
That worked, thank you so much!
On Aug 26, 11:56 am, Leonard Martin leonard.mar...@gmail.com wrote:
You're not actually setting the source once you've replaced it:
$('li.clickable').hover(function() {
$(this).find('img').attr('src', $(this).find('img').attr
I think keeping the source in a variable is the key here, try this:
$('li.clickable').hover(function() {
var newsrc = $(this).find('img').attr('src').replace
(_off,_over);
$(this).find('img').attr({src: newsrc});
}, function() {
var oldsrc =
Yes, you (wheatstraw) just need to remember that attr('src') returns a
string and *not* a reference to the src attribute.
On Aug 26, 5:16 pm, amuhlou amysch...@gmail.com wrote:
I think keeping the source in a variable is the key here, try this:
$('li.clickable').hover(function() {
It's because you have targeted the image as the hover area rather then
the li, use this instead
$(li.clickable).hover(function() {
$(this).children(img).attr(src,
$(this).attr(src).split(_off).join(_over));
}, function() {
$(this).children(img).attr(src,
Thanks but it doesn't seem to work...
li class=clickableimg src=http://localhost/wrt-demo/images/
projects/boxes/13_off.jpg alt=Abuja Master Plan / p
class=entryTexta href=http://localhost/wrt-demo/projects/detail/
Abuja-Master-Plan/13Abuja Master Plan/a/p/li
children() only works for direct children of an element, so if your
img is wrapped in an a, it won't find the right element.
Try using find() instead:
$(li.clickable).hover(function() {
$(this).find(img).attr(src, $(this).attr(src).split
(_off).join(_over));
}, function() {
8 matches
Mail list logo