Обернуть <img> в скрипте.
Здравствуйте.
Мне очень нужна Ваша помощь. Я использую карусель 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> |
dasha862,
строка 5 this_wrapper.find("img").appendTo(this_wrapper.find(".image-wrap")).wrap('<div class="imgLiquidFill">').each(function() { |
Здорово!
Большое спасибо! |
Часовой пояс GMT +3, время: 21:09. |