CODEWITHSUNDEEP
jquery
shin
shin

Reputation: 32721

How to select image with .jpg

Is there any way I can target images with .jpg?

For example, the following code enlarge all the image. However I want to enlarge only .jpg.

/*
 * If a page url contains /art-8 (not cart-8), then do this.
 * Add a link to zoom an image on the first image on a product page  
 */
if (/[^c]art-8/.test(location.pathname)) {

$("#system #product_cont img").wrapAll("<ul class=\"cont_thumb\">").wrap("<li>");
$(".cont_thumb").after("<div style='clear:both;padding-bottom: 20px;'></div> ");



$("ul.cont_thumb li").hover(function(){
    $(this).css({
        'z-index': '10'
    });
    $(this).find('img').addClass("hover").stop().animate({
        marginTop: '0px',
        marginLeft: '-35px',
        top: '50%',
        left: '50%',
        width: '344px',
        height: '258px',
        padding: '0px'
    }, 200);

}, function(){
    $(this).css({
        'z-index': '0'
    });
    $(this).find('img').removeClass("hover").stop().animate({
        marginTop: '0',
        marginLeft: '0',
        top: '0',
        left: '0',
        width: '80px',
        height: '60px',
        padding: '3px'
    }, 400);
});

Upvotes: 0

Views: 2175

Answers (3)

Razor
Razor

Reputation: 29588

Replace

$("ul.cont_thumb li").hover(function(){

with 

$("ul.cont_thumb li").filter("img[src$='.jpg']").hover(function(){

Upvotes: 0

SLaks
SLaks

Reputation: 887385

You can use the selector img[href$=.jpg], img[href$=.jpeg].

Upvotes: 0

Ben
Ben

Reputation: 16543

Use $=

$('img[src$=".jpg"]')

http://api.jquery.com/attribute-ends-with-selector/

Upvotes: 6

Related Questions