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.