Здравствуйте. У меня при клике на картинку открывается модальное окно. Кода нажимаешь на картинку в модальном окне она не перелистываться,(т.е не переключается на следующую картинку). Помогите мне пожалуйста сделать что при нажатии на картинку в модальном окне она перелистовалась на следующую.
скрипт в 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 и есть стандартная функция, но куда ее вставлять. Спасибо всем за помощь. |
