Javascript + увеличение картинки? Как?

Сообщений: 122

Репутация: 4

Сообщение # 1 | 10:10:11 29 Май 2014

Ребят в общем захотелось мне красоты. Хочу сделать что бы когда нажимаешь на картинку то она увеличиная появлялась в ajax окне. Помогите с кодом скрипта который бы мне это сделал

Код

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?>
<?if($ATTACHMENTS$)?><div class="eAttach">Прикрепления: $ATTACHMENTS$</div><?endif?><div class="eDetails" style="clear:both;">
<div style="float:right"><a href="$ENTRY_URL$" class="readcont">Читати далі</a></div>

Переглядів: $READS$ |
Дата: <span title="$TIME$">$DATE$</span>
<?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$">Коментарів ($COMMENTS_NUM$)</a><?endif?>
</div></td></tr></table><br />

а хочу то бы работало по принцепу как $IMAGE1$

Код

Как написать код что бы оно дописывало до тех картинок которые я вставлял не через $IMAGE1$ я вставляю через редактор и там картинку что бы оно дописало ссылку. ну что бы расказать еще по короче как

Код

Добавить как показано выше. Очень буду благодарен за помощь.

Проблему решил вот этот хороший человек Nexxus

Код

$(".eMessage img").each(function(){
     if($(this).attr("src").length>0){
      var title=typeof this.title!="undefined"?('
title="'+this.title+'"'):(typeof this.alt!="undefined"?('
title="'+this.alt+'"'):"");
      $(this).wrap('<a href="'+this.src+'" class="ulightbox" target="_blank"'+title+'></a>');
     };
    };);

Если не можешь прожить жизнь нормально, проживи ее афигенно

Сообщение отредактировал MSerega12 - Четверг, 29 Май 2014, 12:14:22

Lumore

Сообщений: 211

Репутация: 18

Сообщение # 2 | 10:48:17 29 Май 2014

Код

Nexxus

Сообщений: 289

Репутация: 66

Сообщение # 3 | 11:15:13 29 Май 2014

Не проверял.

Код

$(".eMessage img").each(function(){
  if($(this).attr("src").length>0){
   var title=$(this).attr("title").length>0?(' title="'+this.title+'"'):($(this).attr("alt").length>0?(' title="'+this.alt+'"'):"");
   $(this).wrap('<a href="'+this.src+'" class="ulightbox" target="_blank"'+title+'></a>');
  };
});

MSerega

Сообщений: 122

Репутация: 4

Сообщение # 4 | 11:55:02 29 Май 2014

Lumore, Вы меня не поняли я не использую загрузку $IMAGE1$ потому как мне проще загрузить в файловый менеджер потом взять картинку из него и выставить все нужные мне параметры.
Nexxus, на ваш код почему то 0 реакции.

Если не можешь прожить жизнь нормально, проживи ее афигенно

Nexxus

Сообщений: 289

Репутация: 66

Сообщение # 5 | 11:57:23 29 Май 2014

MSerega12, предоставьте ссылку на страницу с установленным скриптом и изображением, которое нужно увеличить.

MSerega

Сообщений: 122

Репутация: 4

Сообщение # 6 | 12:00:04 29 Май 2014

Nexxus, Школьный сайт я вставил в вид новостей. Соответвенно каждая картинка новости должна увеличиватся при нажатии

Если не можешь прожить жизнь нормально, проживи ее афигенно

Nexxus

Сообщений: 289

Репутация: 66

Сообщение # 7 | 12:04:16 29 Май 2014

MSerega12, поместите скрипт перед </body>

Код

$(".eMessage img").each(function(){
  if($(this).attr("src").length>0){
   var title=typeof this.title!="undefined"?(' title="'+this.title+'"'):(typeof this.alt!="undefined"?(' title="'+this.alt+'"'):"");
   $(this).wrap('<a href="'+this.src+'" class="ulightbox" target="_blank"'+title+'></a>');
  };
});