Версия 2.5, подскажите как реализовать увеличение картинки при наведении на неё мышки..
Вообщем как на этом сайте)
Открыть
Ответить
Увеличение картники при наведении мышки в News
Вот, мегахостер
var divFixed = false;<br />
<br />
function fixDiv ()<br />
{<br />
divFixed = (divFixed) ? false : true;<br />
}<br />
function PicDivShow(imgPath) {<br />
varPicDivImg = document.getElementById('picDivImg');<br />
varPicDivImg.src = imgPath;<br />
<br />
varPicDiv = document.getElementById('picDiv');<br />
varPicDiv.style.display = "";<br />
//varPicDivImg.width = ((varPicDivImg.width > 500) ? 500 : varPicDivImg.width);<br />
}<br />
function PicDivHide() {<br />
if (divFixed) return;<br />
varPicDiv = document.getElementById('picDiv');<br />
varPicDivImg.src = 'images/load.gif';<br />
varPicDiv.style.display = "none";<br />
}<br />
function UpdateMausPosition(e) {<br />
if (divFixed) return;<br />
varPicDiv = document.getElementById('picDiv');<br />
x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;<br />
y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;<br />
if (varPicDiv) {<br />
varPicDiv.style.left = (x + 30) + "px";<br />
varPicDiv.style.top = (y - 100) + "px";<br />
}<br />
}<br />
document.onmousemove = UpdateMausPosition;
Я себе делал проще.. Только не на 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><br />
Жмём обновить. Далее пишем новость в "обычном" режиме. Если добавлять такой код без нажатия 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;
Открыть
Ответить
