Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.08.2017, 12:05
Аспирант
Отправить личное сообщение для Quark_ Посмотреть профиль Найти все сообщения от Quark_
 
Регистрация: 24.06.2015
Сообщений: 65

Нужна помощь со скриптом, не работает путь к изображению
В 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'); // Достаем из этого изображения путь до картинки


Подскажите, что надо поправить в скрипте?
Ответить с цитированием
  #2 (permalink)  
Старый 13.08.2017, 12:14
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 7,416

$(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>");
    });
});


Если на странице и есть большое изображение (судя по пути к нему), то можно просто клонировать его для вставки.
Ответить с цитированием
  #3 (permalink)  
Старый 13.08.2017, 12:42
Аспирант
Отправить личное сообщение для Quark_ Посмотреть профиль Найти все сообщения от Quark_
 
Регистрация: 24.06.2015
Сообщений: 65

СПС
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужна помощь в расширении espltd Элементы интерфейса 2 30.07.2016 10:16
Нужна помощь - Bootstrap 3 в горизонтальном модуле Joomla не работает кнопка Ingener Общие вопросы Javascript 1 07.05.2016 18:15
Верстка, нужна помощь со скриптом Quark_ (X)HTML/CSS 1 20.11.2015 13:47
Нужна помощь с скриптом) alex1petrash Общие вопросы Javascript 0 10.03.2015 20:28
В IE не работает динамическое изменение colspan, нужна помощь! Extasy Общие вопросы Javascript 8 17.08.2008 11:55