Nexxus
Сообщений: 289
Сообщение # 31 |
13:38:39
05 Май 2014
Код
$(document).ready(function(){ $("body").append('<div id="show_real_size_img"><img scr=""/></div>').children("#show_real_size_img").css({ "position":"absolute", "left":"-999999px", "top":"-999999px" }); $(".content img").each(function(){// ".content" - блок с контентом $(this).load(function(){ if($("#show_real_size_img img").attr("src",$(this).attr("src")).width()>($(".content").width()/*Увеличивать картинку при клике, если её ширина больше ширины блока с контентом*/)){ $(this).click(function(){ $("body").append('<div id="show_full_size_img_overlay"><img src=""/></div>').children("#show_full_size_img_overlay").one("click",function(event){ $("#show_full_size_img_overlay").remove(); }).css({ "position":"fixed", "top":"0px", "right":"0px", "bottom":"0px", "left":"0px", "margin":"auto", "background":"rgba(0,0,0,0.5)", "z-index":"100" }).children("img").one("click",function(event){ event=event||window.event; event.stopPropagation?event.stopPropagation():(event.cancelBubble=true); }).attr("src",$(this).attr("src")).css({ "position":"absolute", "top":"0px", "right":"0px", "bottom":"0px", "left":"0px", "margin":"auto", "padding":"10px", "border-radius":"7px", "background":"#EEE" }); if($("#show_full_size_img_overlay img").width()>($(window).width()-50) && $("#show_full_size_img_overlay img").height()>($(window).height()-50)){ $("#show_full_size_img_overlay img").css({"width":($(window).width()-50)+"px","height":"auto"}); if($("#show_full_size_img_overlay img").height()>($(window).height()-50)){ $("#show_full_size_img_overlay img").css({"width":"auto","height":($(window).height()-50)+"px"}); }; }else if($("#show_full_size_img_overlay img").width()>($(window).width()-50) && $("#show_full_size_img_overlay img").height()<=($(window).height()-50)){ $("#show_full_size_img_overlay img").css({"width":($(window).width()-50)+"px","height":"auto"}); }else if($("#show_full_size_img_overlay img").width()<=($(window).width()-50) && $("#show_full_size_img_overlay img").height()>($(window).height()-50)){ $("#show_full_size_img_overlay img").css({"width":"auto","height":($(window).height()-50)+"px"}); }else{ $("#show_full_size_img_overlay img").css({"width":"auto","height":"auto"}); } }).css("cursor","pointer"); } if($(this).attr("src")==$(".content img").last().attr("src")) $("#show_real_size_img").remove(); }).error(function(){var src=this.src+"?"+Math.random(),self=this;setTimeout(function(){$(self).attr("src",src);},3000);}); }); });
Сообщение отредактировал Nexxus - Понедельник, 05 Май 2014, 13:39:28
Арти-вебмастер
Сообщений: 45
Уровень замечаний:
Сообщение # 32 |
14:25:15
28 Июн 2014
Здравствуйте! Хочу, чтобы при нажатии на изображение ($IMAGE1$) оно увеличивалось до оригинального размера. Но при использовании стандартного кода Картинка открывается в модальном окне, но маленьким размером + если закрыть это окно, то исходное изображение исчезает. Вот сам код: Код
<tr><td class="eText" colspan="2"><div class="ulightbox"><img style="margin-bottom: 5px; margin-left: 10px; margin-right: 10px;" titile="$ENTRY_TITLE$" alt="$ENTRY_TITLE$" src="$IMG_URL1$" align="left" height="250" width="185"></div><span style="vertical-align: super; color: rgb(0, 0, 0); line-height: 1.0em; font-size: 10pt; font-family: Tahoma; line-height: 1.3;" oncontextmenu="return false" oncopy="return false">$MESSAGE$</span></td></tr>
В чем заключается моя ошибка?
Сообщение отредактировал Арти-вебмастер - Суббота, 28 Июн 2014, 14:26:11
Сообщение от Арти-вебмастер
wоrkman
Сообщений: 710
Сообщение # 33 |
22:27:35
02 Авг 2014
Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным. -=НЕ НАЖИМАТЬ=-
Sensei1270
Сообщений: 1
Сообщение # 34 |
02:02:26
17 Июн 2016
Ребята, подскажите пожалуйста кто знает в чем проблема. После клика на изображение оно чрезмерно увеличивается и смещается вниз за пределы окна сайта. Как исправить и где?
Elektrik8209
Сообщений: 31
Сообщение # 35 |
11:27:35
25 Янв 2018
Подскажите, можно ли сделать так, чтобы фото, выводимые в информере при клике увеличивались..?
Сообщение от Elektrik8209