Передать фотку в модальное окно
Как сделать чтобы при клики на фотку, она открывалась в модальном окне, и переменная 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, время: 07:19. |