Вопрос по JS, opacity
658 сообщений
#15 лет назад
Здравствуйте, помогите с изображениями.Хочу сделать чтобы все изображения на сайте были 100% прозрачными, и при наведении отображались.
function addEventSimple(obj,evt,fn) {
if (obj.addEventListener)
obj.addEventListener(evt,fn,false);
else if (obj.attachEvent)
obj.attachEvent('on'+evt,fn);
}
function removeEventSimple(obj,evt,fn) {
if (obj.removeEventListener)
obj.removeEventListener(evt,fn,false);
else if (obj.detachEvent)
obj.detachEvent('on'+evt,fn);
}
resizeElements = function(){
widthElement = 100 / Math.round( worksCollection.offsetWidth / 306 + 1 );
$('#worksCollect .workCollectionElement').each(function(){
this.style.width = widthElement + "%";
});
}
$(document).ready(function(){
worksCollection = document.getElementById('worksCollect');
resizeElements();
$('#worksCollect .workCollectionElement img').hover(function(){
$(this).animate({opacity: 0.2}, { duration: 300, queue: false });
}, function(){
$(this).animate({opacity: 2}, { duration: 300, queue: false });
});
$('#worksCollect .workCollectionElement a:not()').nyroModal();
$('#worksCollect .workCollectionElement a').each(function(){
var script = $(this).find('script');
if( script.length ){
var params = undefined;
eval(script.innerHTML);
$(this).nyroModal(params);
}else{
$(this).nyroModal();
}
});
addEventSimple(window, 'resize', resizeElements);
});Нашел такой модуль nyroModal чтобы при наведении opacity работало, а как сделать чтобы при наведении отображались
205 сообщений
#15 лет назад
С использованием jquery
$(document).ready(function(){
$("img").css('opacity', '0');
$("img").hover(
function () {
$(this).stop().fadeTo("500", 1);
},
function () {
$(this).stop().fadeTo("500", 0);
}
);
});
658 сообщений