Hi,
I am creating a website using a predesigned template.
There is some javascript that enables the user to zoom in on an image. I dont know javascript, and I want to know how to disable the zoom for some images.
This is the link to my site:http://www.suavedesign.net/works.html
Please go to logos- there i want to disable the zoom, but keep it enabled for the images I will put under other tabs in the portfolio.
This is the code for the js:

<script type="text/javascript">
$(document).ready(function(){
portfoliohover();
var $container = $('#isotope_content_wrapper');
$container.isotope({
    filter: '.Bedroom',
    animationOptions: {
     duration: 750,
     easing: 'linear',
     queue: false,
   }
});

$('#nav a').click(function(){
  var selector = $(this).attr('data-filter');
    $container.isotope({ 
    filter: selector,
    animationOptions: {
     duration: 750,
     easing: 'linear',
     queue: false,

   }
  });
  return false;
});

});

// Fancybox for portfolio items
jQuery(document).ready(function(){

    jQuery("a.example6").fancybox({
        'titlePosition'     : 'outside',
        'overlayColor'      : '#000',
        'overlayOpacity'    : 0.9
    }); 
    }); 

function portfoliohover(){
"use strict";
    jQuery(function() {
        // OPACITY OF BUTTON SET TO 0%
jQuery(".portfolio_item img").css("opacity","1");
            // ON MOUSE OVER
        jQuery(".portfolio_item  img").hover(function (){
            // SET OPACITY TO 70%
        jQuery(this).stop().animate({
        opacity:0.5
        }, "slow");
    },

// ON MOUSE OUT
    function (){
    // SET OPACITY BACK TO 50%
    jQuery(this).stop().animate({
    opacity: 1
    }, "slow");
    });
    });}
jQuery(document).ready(function(){
"use strict";
});

</script>

What part of the code do I change to disable the zoom?
Thanks.

Recommended Answers

All 2 Replies

Member Avatar for iamthwee

Not tested or tried but I would go for setting the duration to be something like 0.

That way you're not bypassing the zoom effect, it's just happening so fast to the eye it looks like it is not zooming/growing.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.