VPF::Иодальное окно - Форум программистов

timedo

Дата 16.11.2012, 21:42 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 16.11.2012

Репутация: нет
Всего: нет

Здравствуйте. У меня при клике на картинку открывается модальное окно. Кода нажимаешь на картинку в модальном окне она не перелистываться,(т.е не переключается на следующую картинку). Помогите мне пожалуйста сделать что при нажатии на картинку в модальном окне она перелистовалась на следующую.

скрипт в index.php

Код


    function openpicture(name, pic) {
        $('.modal').load("getimg.php?name=" + name + "&pic=" + pic);
    }
    


        jQuery(function($){
            // bind event handlers to modal triggers
            $('body').on('click', '.trigger', function(e){
                
                $('#test-modal').modal().open();
            });

            // attach modal close handler
            $('.modal .close').on('click', function(e){
                e.preventDefault();
                $.modal().close();
            });

            // below isn't important (demo-specific things)
            $('.modal .more-toggle').on('click', function(e){
                e.stopPropagation();
                $('.modal .more').toggle();
            });
        });

Вывод в index.php

Код


echo "<a class='title' " . $row['imgsrc'] . "'>" . $row['name']. "</a><br>";
$imgsrc = $row['imgsrc'];
$tname = $row['name'];
echo "<a class='trigger' href='javascript:openpicture(\"$tname\",\"$imgsrc\")'><img src='img/" . $row['imgsrc'] . "' width='1%' '/></a><br>";

файл getimg.php

Код


$title = $_GET['name'];
$img = $_GET['pic'];
echo $title;
echo "<center><img src='img/". $img . "'></center>";

И еще у меня проблема, если картирка с пробелами то картинку не выводит, я знаю что пробелы заменяются на %20 и есть стандартная функция, но куда ее вставлять. Спасибо всем за помощь.

Это сообщение отредактировал(а) Aliance - 19.11.2012, 09:53

Aliance

Дата 19.11.2012, 09:58 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Во-первых, нет разметки #test-modal. Во-вторых, нет обработчика событий на самой картинке, как она должна перелистываться, если это поведение не задано.

Цитата(timedo @ 16.11.2012, 22:42

)

И еще у меня проблема, если картирка с пробелами то картинку не выводит, я знаю что пробелы заменяются на %20 и есть стандартная функция, но куда ее вставлять.

Вообще пробелов в названии файла быть не должно. Но если что вот так нужно кодировать:

Код


rawurlencode($row['imgsrc'])

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »