Увеличение картники при наведении мышки в News

Версия 2.5, подскажите как реализовать увеличение картинки при наведении на неё мышки..

Вообщем как на этом сайте)

Вот, мегахостер

var divFixed = false;

function fixDiv ()
{
	divFixed = (divFixed) ? false : true;
}
function PicDivShow(imgPath) {
	varPicDivImg = document.getElementById('picDivImg');
	varPicDivImg.src = imgPath;
	
	varPicDiv = document.getElementById('picDiv');
	varPicDiv.style.display = "";
	//varPicDivImg.width = ((varPicDivImg.width > 500) ? 500 : varPicDivImg.width);
}
function PicDivHide() {
	if (divFixed) return;
	varPicDiv = document.getElementById('picDiv');
	varPicDivImg.src = 'images/load.gif';
	varPicDiv.style.display = "none";
}
function UpdateMausPosition(e) {
	if (divFixed) return;
	varPicDiv = document.getElementById('picDiv');
	x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
	y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
	if (varPicDiv) {
		varPicDiv.style.left = (x + 30) + "px";
		varPicDiv.style.top  = (y - 100) + "px";
	}
}
document.onmousemove = UpdateMausPosition;

xsmart, а чего дальше-то со всем этим делать? поподробнее немного можно?

Я себе делал проще.. Только не на picDiv, а на highslide. Грузим в корень папку highslide со скриптом. В файле config/config_header.php дописываем

echo "<script type=\"text/javascript\" src=\"highslide/highslide.js\"></script>

Далее идём в админку, использование редактора выбираем HTML Редактор. Теперь идём добавлять нужную нам новость, сначало жмём на кнопку html в редакторе Tiny MCE.

Откроется окошко, там пишем код типа

<a class="highslide" onclick="return hs.expand(this)" href="путь к картинке"><img title="Click to enlarge" src="путь к картинке" alt="" width="123" height="120" /></a>

Жмём обновить. Далее пишем новость в "обычном" режиме. Если добавлять такой код без нажатия html - система не пропустит.

Теперь попробуем добавить кнопку highslide в бб-редактор, чтобы сие было доступно для пользователей в комментариях, или на форуме SSD. Есть хороший хак от Shaka1'а на lite, лежал на slaed-style, выкладываю в архиве. В общем устанавливаем его, идём в админку, жмём на появившуюся после установки иконку bb-код.

Ниже напротив строки bb-код: пишем highslide

напротив html-код:пишем <a class='highslide' onclick='return hs.expand(this)' href='{TAG}'><img title='Click to enlarge' src='{TAG}' alt='' height='150' /></a>

Напротив картинка - путь к картинке. Добавить. Всё, идём смотреть на редактор, должна появится ещё одна иконка.
Теперь между тэгами [highslide]путь к картинке[/highslide] получаем уменьшение картинки до 150 px по высоте (если писали height=150) и увеличинеие при клике... пример:
http://astralia.org.ru/

Вроде подробно описал.

Что-то не пойму как тут файлы грузить.. Качаем отсюда в общем скрипты

septron, Спасибо тебе, добрый человек, за помощь! 🙂
Все работает.

Cool)))

А Нет ли версии скрипта html_bbcode для open slaed ?

интересная статья. попыталась сделать на 2.6 Лите
правда что-то не смогла вставить в function/sources.php

// Decode BB

include("config/config_bbcode.php");

function bb_decode($sourse) {
global $user;

$sourse=decmod($sourse);

Цитата
."<div class=\"editorbutton\"><select style=\"font-size: 10px;\" name=\"size\" onChange=\"InsertCode('size', this.options[this.selectedIndex].value, '', '', '".$id."')\">".$fsizes."</select></div></div>";

$code .=get_ncode($id);

if ($smilies) {
$code .= "<div class=\"smilies\">";
$i = 1;