Версия 2.5, подскажите как реализовать увеличение картинки при наведении на неё мышки..
Вообщем как на этом сайте)
Вообщем как на этом сайте)
Открыть
Ответить
Увеличение картники при наведении мышки в News
Вот, мегахостер
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;
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;
Я себе делал проще.. Только не на picDiv, а на highslide. Грузим в корень папку highslide со скриптом. В файле config/config_header.php дописываем
Далее идём в админку, использование редактора выбираем HTML Редактор. Теперь идём добавлять нужную нам новость, сначало жмём на кнопку html в редакторе Tiny MCE.
Откроется окошко, там пишем код типа
Жмём обновить. Далее пишем новость в "обычном" режиме. Если добавлять такой код без нажатия html - система не пропустит.
Теперь попробуем добавить кнопку highslide в бб-редактор, чтобы сие было доступно для пользователей в комментариях, или на форуме SSD. Есть хороший хак от Shaka1'а на lite, лежал на slaed-style, выкладываю в архиве. В общем устанавливаем его, идём в админку, жмём на появившуюся после установки иконку bb-код.
Ниже напротив строки bb-код: пишем highslide
напротив html-код:пишем
Напротив картинка - путь к картинке. Добавить. Всё, идём смотреть на редактор, должна появится ещё одна иконка.
Теперь между тэгами highslideпуть к картинке/highslide получаем уменьшение картинки до 150 px по высоте (если писали height=150) и увеличинеие при клике... пример:
http://astralia.org.ru/
Вроде подробно описал.
Что-то не пойму как тут файлы грузить.. Качаем отсюда в общем скрипты
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/
Вроде подробно описал.
Что-то не пойму как тут файлы грузить.. Качаем отсюда в общем скрипты
Версия системы: SLAED CMS 2.6 Lite
Версия PHP: PHP 5
А Нет ли версии скрипта html_bbcode для open slaed ?
Версия системы: Open SLAED 1.*
Версия PHP: PHP 5
Сервер: Сервер в интернете
интересная статья. попыталась сделать на 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;
правда что-то не смогла вставить в 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;
Открыть
Ответить
