Здравствуйте.
Мне очень нужна Ваша помощь.
Я использую карусель brazzers-carousel.js
(function($) {
$.fn.brazzersCarousel = function() {
return this.addClass("brazzers-daddy").append("<div class='tmb-wrap'><div class='tmb-wrap-table'>").append("<div class='image-wrap'>").each(function() {
var this_wrapper = $(this);
this_wrapper.find("img").appendTo(this_wrapper.find(".image-wrap")).each(function() {
this_wrapper.find(".tmb-wrap-table").append("<div>");
});
}).find(".tmb-wrap-table").bind('touchmove', function(event) {
event.preventDefault();
var myLocation = event.originalEvent.changedTouches[0];
var realTarget = document.elementFromPoint(myLocation.clientX, myLocation.clientY);
var this_img = $(realTarget).parent(".tmb-wrap-table").closest(".brazzers-daddy").find("img");
var all_thmbs = $(realTarget).parent(".tmb-wrap-table").find("div");
this_img.hide().eq($(realTarget).index()).css("display", "block");
all_thmbs.removeClass("active");
$(realTarget).addClass("active");
}).find("div").hover(function() {
var this_img = $(this).parent(".tmb-wrap-table").closest(".brazzers-daddy").find("img");
var all_thmbs = $(this).parent(".tmb-wrap-table").find("div");
this_img.hide().eq($(this).index()).css("display", "block");
all_thmbs.removeClass("active");
$(this).addClass("active");
}).parent().find(":first").addClass("active");
};
})(jQuery);
html-код:
<div class="brazzers-gallery">
<img alt="{%$message.title%}" src="img1.png">
<img alt="{%$message.title%}" src="img2.png">
<img alt="{%$message.title%}" src="img3.png">
...
</div>
в исходном коде скрипт формирует следующее:
<div class="brazzers-gallery brazzers-daddy">
<div class="tmb-wrap">
<div class="tmb-wrap-table">
<div class="active"></div>
<div class=""></div>
<div class=""></div>
</div>
</div>
<div class="image-wrap">
<img alt="" src="img1.png" style="display: block;">
<img alt="" src="img2.png" style="display: none;">
<img alt="" src="img3.png" style="display: none;">
</div>
</div>
Подскажите, пожалуйста, какой командой можно обернуть каждый <img>.
То есть вот так:
<div class="image-wrap">
<div class="imgLiquidFill"><img alt="" src="img1.png" style="display: block;"></div>
<div class="imgLiquidFill"><img alt="" src="img2.png" style="display: none;"></div>
<div class="imgLiquidFill"><img alt="" src="img3.png" style="display: none;"></div>
</div>
