Помощь в теме

Доброе утро!!!

Поомгите люди добрые разобраться в этой теме, все перепробывал ничего не помогает.
https://help.forum2x2.ru/t8832-topic

Принцип следующий.

1) Копируете себе в виджет (или объявление, или приветствие на главной, или html-страницу) код картинки из темы:

Код:

<img src="МАЛЕНЬКАЯ" name="БОЛЬШАЯ" onmouseover="resizeimg(this, event)" onmouseout="deleteimg(this)" onmousemove = "dragimg(this, event)"  alt="ОПИСАНИЕ КАРТИНКИ" />

Поставить таких картинок можно сколько угодно.

2) Вместо слова МАЛЕНЬКАЯ ставите ссылку на маленькое изображение (превью) — например, https://i.servimg.com/u/f79/17/37/83/89/image_11.jpg
Вместо слова БОЛЬШАЯ ставите ссылку на полноразмерное изображение — например, https://i.servimg.com/u/f79/17/37/83/89/usxdle10.jpg
Вместо слов ОПИСАНИЕ КАРТИНКИ пишите краткое описание — например, доброе утро.

Получаете в итоге следующий код:

Код:

<img src="http://i79.servimg.com/u/f79/17/37/83/89/image_11.jpg" name="http://i79.servimg.com/u/f79/17/37/83/89/usxdle10.jpg" onmouseover="resizeimg(this, event)" onmouseout="deleteimg(this)" onmousemove = "dragimg(this, event)" alt="доброе утро" />

Сохраняете.

3) В ПА > Модули > Управление кодами Javascript создаете новый файл с параметрами:
Название : любое
Расположение : на всех страницах
Код Javascript : копируете туда код из темы (без тегов <script> и </script>!)

Код:

function getElementPosition(elem)
{
w = elem.offsetWidth;
h = elem.offsetHeight;

l = 0;
t = 0;

while (elem)
{
l += elem.offsetLeft;
t += elem.offsetTop;
elem = elem.offsetParent;
}

return {"left":l, "top":t, "width": w, "height":h};
}

  
function mousePageXY(e) {
   var x = 0, y = 0;  
  
   if (e.pageX || e.pageY){
      x = e.pageX - 5;
      y = 21 + e.pageY;
   }
   if (e.clientX || e.clientY){
      x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft - 5;
      y = 21 + e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
   }

   return {"x":x, "y":y};
};


function deleteimg(imig){
      if(document.getElementById('nimimg')){
      testolldimg = document.getElementById('nimimg');
      imig.parentNode.removeChild(testolldimg);
   }
};


function dragimg(oldimg, even){
      zWidth = getElementPosition(oldimg);
      if(document.getElementById('nimimg')){
      xypos = mousePageXY(even);
      if(document.getElementById("nimimg").style.display == 'none'){
         document.getElementById("nimimg").style.display = 'block';
      }
      lwidth = screen.width/2;
      if((screen.width - lwidth) < zWidth.left){
            document.getElementById("nimimg").style.left = xypos.x - document.getElementById("nimimg").width + 15 + "px";
            document.getElementById("nimimg").style.top = xypos.y + "px";
      }
      else{
            document.getElementById("nimimg").style.left = xypos.x + "px";
            document.getElementById("nimimg").style.top = xypos.y + "px";
      }
         }
};


function resizeimg(imig, ri){
   newsrc = imig.name;
   xypos = mousePageXY(ri);
   newimg = document.createElement('img');
   newimg.src = newsrc;
   newimg.style.position = 'absolute';
   newimg.style.display = 'none';
   newimg.id = 'nimimg';
   imig.parentNode.appendChild(newimg);
};

Сохраняете.

В результат получаете маленькое изображение, рядом с которым (при наведении курсора) будет всплывать его полноразмерная копия:

А вот можно такое сделать что-бы картинки увеличивались только в темах ?
http://dmc-pw.forum2x2.ru/t11-topic#17
Вот видите там маленткие скрины изображений, будут ли они увеличиваться?

Если переделаете их по указанной схеме (включите html в сообщениях и пропишите для каждой картинки код с большим и маленьким вариантом) — то да, будут.

Давайте я вам дам пароль и логин вы зайдете и посмотрите, что я сделал не так?

Пошла смотреть...

http://dmc-pw.forum2x2.ru/t11-topic#17

вот темка в которой я работал с этим кодом

К сожалению, не получится использовать этот способ в сообщениях — система безопасности ограничивает команды js в коде изображения.

Ну ясно . А нет другой возможности это провернуть, ну всмысле увеличение изображений при наведении курсора?

Есть. Вот еще вариант: https://help.forum2x2.ru/t25970-topic#190285