$(document).ready(function() {
var cont_left = $(".image_block").position().left;
$("a .jshop_img").hover(function() {
// приближение
$(this).parent().parent().css("z-index", 1);
$(this).animate({
var h = ...//как то получить height картинки
var w = ...//как то получить width картинки
height: h * 2,
width: w * 2,
left: "-=50",
top: "-=50"
}, "fast");
}, function() {
// отдаление
$(this).parent().parent().css("z-index", 0);
$(this).animate({
height: "150",
width: "150",
left: "+=50",
top: "+=50"
}, "fast");
});
$(".img").each(function(index) {
var left = (index * 160) + cont_left;
$(this).css("left", left + "px");
});
})
Как то так мне нужно. Картинок много и они разных размеров, поэтому src не знаю как прописать, сайт на joomla и картинки это товары интернет магазина, которые выводятся из бд.