Чтение RSS каналов

Форум

Открыть Ответить

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

0

0
1
30.03.2009 14:34:00
Версия 2.5, подскажите как реализовать увеличение картинки при наведении на неё мышки..

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

3.60
2
30.03.2009 14:54:3730.03.2009 14:54:52
Вот, мегахостер

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;
3
19.05.2009 07:24:35
xsmart, а чего дальше-то со всем этим делать? поподробнее немного можно?
3.84

3.84
4
19.05.2009 09:33:0027.08.2009 17:51:10
Я себе делал проще.. Только не на picDiv, а на highslide. Грузим в корень папку highslide со скриптом. В файле config/config_header.php дописываем
echo "<script type=\"text/javascript\" src=\"highslide/highslide.js\"></script>


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

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
3.69

3.69
5
19.05.2009 13:54:18
septron, Спасибо тебе, добрый человек, за помощь! Смайл - 04
Все работает.
3.84

3.84
6
19.05.2009 18:12:47
Cool)))
3

3
7
15.08.2009 23:28:37
А Нет ли версии скрипта html_bbcode для open slaed ?


Версия системы: Open SLAED 1.*
Версия PHP: PHP 5
Сервер: Сервер в интернете
8
21.02.2010 15:22:31
интересная статья. попыталась сделать на 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;
3.67

3.67
Открыть Ответить
Хотите опробовать SLAED CMS в действии?

Технологии

PHP MySQL HTML 5 CSS 3 jQuery jQuery UI

Контакты

  • D-49179, Deutschland
    Ostercappeln, Im Siek 6
  • +49 176 61966679

  • https://slaed.net
Идеи и предложения
Обратная связь