Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Передать фотку в модальное окно (https://javascript.ru/forum/jquery/32742-peredat-fotku-v-modalnoe-okno.html)

jeysmook 28.10.2012 19:54

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

DjDiablo 28.10.2012 20:30

в 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>'

jeysmook 28.10.2012 20:45

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.

DjDiablo 28.10.2012 21:15

то есть хочешь сказать что при щелчке по фотке страница перезагружается

на мой вкус это ужас ))
ну тогда так.

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.