Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Нужна помощь со скриптом, не работает путь к изображению (https://javascript.ru/forum/css-html/70128-nuzhna-pomoshh-so-skriptom-ne-rabotaet-put-k-izobrazheniyu.html)

Quark_ 13.08.2017 11:05

Нужна помощь со скриптом, не работает путь к изображению
 
В html так
<div class="product_img">
<img src="<?php print $product->image?>" alt=""  />
<span class="zoom"></span>
</div>


Нашел скрипт
jQuery(document).ready(function() {
	jQuery(".product_img img").click(function(){	// Событие клика на маленькое изображение
	  	var img = jQuery(this);	// Получаем изображение, на которое кликнули
		var src = img.attr('src'); // Достаем из этого изображения путь до картинки
		jQuery("body").append("<div class='popup'>"+ //Добавляем в тело документа разметку всплывающего окна
						 "<div class='popup_bg'></div>"+ // Блок, который будет служить фоном затемненным
						 "<img src="+src+" class='popup_img' />"+ // Само увеличенное фото
						 "</div>"); 
...


Он работает, но хочу событие клика поменять на span и путь к изображению теперь не верный

jQuery(document).ready(function() {
	jQuery(".product_img span").click(function(){
	  	var img = jQuery(".product_img img");
		var src = img.attr('src'); // Достаем из этого изображения путь до картинки


Подскажите, что надо поправить в скрипте?

laimas 13.08.2017 11:14

$(function() {
    $('span.zoom').click(function() {
        var src = $(this).prev().attr('src');
        alert(src) //куда же он денется путь?
        $("body").append("<div class='popup'>"+ //Добавляем в тело документа разметку всплывающего окна
                         "<div class='popup_bg'></div>"+ // Блок, который будет служить фоном затемненным
                         "<img src="+src+" class='popup_img' />"+ // Само увеличенное фото
                         "</div>");
    });
});


Если на странице и есть большое изображение (судя по пути к нему), то можно просто клонировать его для вставки.

Quark_ 13.08.2017 11:42

СПС :)


Часовой пояс GMT +3, время: 04:45.