Передать фотку в модальное окно
Как сделать чтобы при клики на фотку, она открывалась в модальном окне, и переменная php "PHOTO" изменялась. Вообщем как передать изображение в модальное окно?
Модальное окно $(document).ready(function(){ $.fn.windowOpen = function(content, title){ var container = '<div class="window">'+ '<div class="windowContent">'+ '<a href="" class="windowClose"></a>'+ '<div class="windowTitle"><h3>'+title+'</h3></div>'+ '<div style="clear:both;"></div>'+ '<div class="windowInfo">'+content+'</div>' '</div>'+ '</div>'; $('body').append(container); var docWidth = $(document).width(); var docHeight = $(document).height(); var windWidth = $('.windowContent').width(); var windHeight = $('.windowContent').height(); var center = docWidth/2-windWidth/2-30; $('.windowContent').css({ 'margin-left':center, }); PHP $photo = $_GET['photo']; if(!isset($photo) || !is_numeric($photo) || $photo>$countImg){ $photo = 0; } else{ $photo = $_GET['photo']; } if($photo>0){ } for($i=1; $i<$countImg; $i++){ echo'<a href="'.$link.'?article='.$data['id'].'&photo='.$i.'"><img src="interface/img/min/'.$i.'.jpg" class="img" /></a>'; } |
в php вообще не ясно что происходит.
$photo = $_GET['photo']; if(!isset($photo) || !is_numeric($photo) || $photo>$countImg){ $photo = 0; } else{ //нафига этот кусок ???? ты же в первой строке уже присвоил значение $photo = $_GET['photo']; } //это пустой блок если чо if($photo>0){ } //этот фрагмент кода выполняется всегда, тебе всегда нужны линки с картинками ? for($i=1; $i<$countImg; $i++){ echo'<a href="'.$link.'?article='.$data['id'].'&photo='.$i.'"><img src="interface/img/min/'.$i.'.jpg" class="img" /></a>'; } Исправь опечатки а то абракадабру написал. А самое главное нафига всё это нужно ))) почему не передать просто имя картинки ? '<div class="windowInfo"><img src="'+content+'"/></div>' |
DjDiablo,
Мне нужно чтобы фотки, которые я вывел в цикле, при клике выводились в модальном окне и переменная $photo менялась, а если $photo уже существует, то мы выводим в модальном окне фотку соответствующую переменной $photo. PHP $photo = $_GET['photo']; for($i=1; $i<20; $i++){ echo'<a href="index.php?photo='.$i.'"><img src="interface/img/min/'.$i.'.jpg" class="img" /></a>'; } // Вывело 20 изображений if($photo>0){ //То мы выводим изображение с номером = $photo } Вот примерная последовательность: Ссылка - http://site.ru/index.php?photo=1 Переменная - $photo = $_GET['photo']; И в модальном окне выводилось изображение с номером = $photo. |
то есть хочешь сказать что при щелчке по фотке страница перезагружается
на мой вкус это ужас )) ну тогда так. if($photo>0){ echo "<script>$(function(){ $('body').windowOpen('interface/img/min/".$photo.".jpg', 'я сраный заголовок') })</script>"; } в окне предполагается '<div class="windowInfo"><img src="'+content+'"/></div>' вообще картинки с сервера в js можно и без php забирать, непонимаю нафига это всё нужно :) если нужно только часть страницы обновить обрати внимание на вот эту интересную функцию |
Часовой пояс GMT +3, время: 03:59. |