dle.in.ua » Хаки » Смена изображения с помощью JS

Смена изображения с помощью JS

Автор: XXX46 от 25-09-2009, 07:55
Смена изображения с помощью JS


Ну по мне так это красиво.
Решил поделится как это сделать.
Читаем далее

Автор: XXX46
И так начнем ставить:

Качаем это: myinit.js.rar [1.32 Kb] (cкачиваний: 186)

Берем файл myinit.js и закидываем его в {THEME}/js/ предварительно создав эту папку. Если она есть то просто киньте туда этот файл.

Далее открываем файл styles.css находится он {THEME}/css/ и добавляем следующие строки:
div.mylimiter {width:500px;height: 166px;margin:10px auto 0;overflow:hidden;}
ul#mybanners li img{border: 1px solid #ccc; padding: 4px;}



Далее открываем файл main.tpl находится он в корне шаблона и добавляем туда строчку
<script type="text/javascript" src="{THEME}/js/myinit.js"></script>


Вставляем его перед тегом
</head>



Далее опять же в этом файле main.tpl вставляем куда вам удобно следующие:
<div class="mylimiter">
    <ul id="mybanners">
        <li><a href="#"><img src="{THEME}/img/banner-youlife1.jpg" alt="Your Title" /></a></li>
        <li><a href="#"><img src="{THEME}/img/banner-youlife2.jpg" alt="Your Title" /></a></li>
    </ul>
    </div>



Ну вот и все.

Примечание:

В файле myinit.js
speed: 1000,timeout: 10000
speed: 1000  - скорость открытия изображения (мне нравится это значение)
timeout: 10000  - время через скоко будет другое изображение (10000 - 10 секунд; 4000 - 4 секунды и т.д)


-----------------------
width:500px;height: 166px
width:500px - ширина картинки
height: 166px - высота картинки

Меняем в зависимости от параметра вашего изображения.


------------------------
<a href=   - указываем ссылку на сайт
<img src=  - указываем путь на изображение
<li></li>  - теги в даном случае играют роль количество изображений. Сколько будет таких тегов столько и будет изображений



Автор: XXX46
  • Группа: User
  • Icq: 817135
  • Комментариев: 321
  • Публикаций: 0
  • Гхмм... это случаем не Inrus'a метод ?

    --------------------
    • ALTERNATE
    • Регистрация: 12.12.2008
    • Репутация: (0|0|0)
    • 25 сентября 2009 12:24
    • 1
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 311
  • Публикаций: 16
  • Это типа ротатора от inrus

    --------------------
    • sexo
    • Регистрация: 10.11.2008
    • Репутация: (0|0|0)
    • 25 сентября 2009 12:25
    • 2
    ^
  • Группа: User
  • Icq: 817135
  • Комментариев: 321
  • Публикаций: 0
  • sexo, я об этом и говорю) Вчера XXX46 говорил, что он ламер в фотошопе, а сёдня вдруг БАЦ - хак "написал"...

    --------------------
    • ALTERNATE
    • Регистрация: 12.12.2008
    • Репутация: (0|0|0)
    • 25 сентября 2009 12:50
    • 3
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 8
  • Публикаций: 0
  • хммм,хорошоб было демо посматреть! А как кстате менятся будет? Сразу или плавно типо как на flero.ru(не реклама) лого!
    • GUMMY
    • Регистрация: 10.03.2009
    • Репутация: (0|0|0)
    • 25 сентября 2009 12:54
    • 4
    ^
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • XXX46 - я за тебя защишалса, но {censored}ть-->{censored} нахер пиздить чужое и выдовать за своё?!
    Сам ты такое даже немог написать, человек знающий js - на таком уровне, неможем так калечно владеть фотожопом как ты!
    • Aquagen
    • Регистрация: --
    • Репутация: (||)
    • 25 сентября 2009 12:59
    • 5
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 303
  • Публикаций: 15
  • http://dletweak.ru/java/1642-smena-izobrazheniya-s-pomoshhyu-js.html

    --------------------
    • SaD
    • Регистрация: 20.02.2009
    • Репутация: (0|0|0)
    • 25 сентября 2009 13:01
    • 6
    ^
  • Группа: User
  • Icq: 491507769
  • Комментариев: 231
  • Публикаций: 8
  • Вы что придурки? Глянте кто автор новости на dletweak.ru am
    • Nick
    • Регистрация: 8.02.2008
    • Репутация: (0|0|0)
    • 25 сентября 2009 13:58
    • 7
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 311
  • Публикаций: 16
  • Цитата: SaD
    http://dletweak.ru/java/1642-smena-izobrazheniya-s-pomoshhyu-js.html

    Там пост от (Добавил: XXX46 › 14 августа 2009) а че так поздно до нас дошло?

    --------------------
    • sexo
    • Регистрация: 10.11.2008
    • Репутация: (0|0|0)
    • 25 сентября 2009 14:19
    • 8
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 29
  • Публикаций: 9
  • Мда не хочу просто писать грубо!
    Я автор этого! почитайте тут http://dletweak.ru/java/1642-smena-izobrazheniya-s-pomoshhyu-js.html
    Тут мы решили попросить Инруса(Романа) сделать модуль, он согласился и написал модуль, который идеей лежал мой хак!
    Вот его модуль http://dletweak.ru/mods/1655-dle-rotator-v10.html
    И посматри что написан тут -
    Собсно, как и "просили" Правда пришлось написать другой js т.к. тот использует jquery а его не все используют.
    В просили находится ссылка на мой хак http://dletweak.ru/java/1642-smena-izobrazheniya-s-pomoshhyu-js.html.
    Вы и народ!

    ALTERNATE,
    Прочитай тут http://dletweak.ru/mods/1655-dle-rotator-v10.html
    и тут http://dletweak.ru/java/1642-smena-izobrazheniya-s-pomoshhyu-js.html

    И комет прочитайте там мой! http://dletweak.ru/mods/1655-dle-rotator-v10.html#com2
    • XXX46
    • Регистрация: 10.01.2009
    • Репутация: (0|0|0)
    • 25 сентября 2009 14:20
    • 9
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 303
  • Публикаций: 15
  • sexo,
    Я на автора и намекал. Писать было лень.

    --------------------
    • SaD
    • Регистрация: 20.02.2009
    • Репутация: (0|0|0)
    • 25 сентября 2009 14:25
    • 10
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 29
  • Публикаций: 9
  • sexo,
    Может просто брать не хотел, я решил его сюда разместить ) smile
    • XXX46
    • Регистрация: 10.01.2009
    • Репутация: (0|0|0)
    • 25 сентября 2009 14:49
    • 11
    ^
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • Цитата: Aquagen
    XXX46 - я за тебя защишалса, но {censored}ть-->{censored} нахер пиздить чужое и выдовать за своё?!Сам ты такое даже немог написать, человек знающий js - на таком уровне, неможем так калечно владеть фотожопом как ты!

    Я тоже знаю мого языков, но не умею в фотошопе рисовать и что? Не каждый совершенин)
    • alexs
    • Регистрация: --
    • Репутация: (||)
    • 27 сентября 2009 18:28
    • 12
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 8
  • Публикаций: 0
  • 1.А как сделать так что бы лого в верхушке сайта прописанное в css менялось случайно при обновлении страницы?
    2. Этот модуль подойдет чтобы менять лого скажем раз в минуту?
    • den182
    • Регистрация: 9.07.2009
    • Репутация: (0|0|0)
    • 30 сентября 2009 14:33
    • 13
    ^
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • den182,
    да
    • patchkord
    • Регистрация: --
    • Репутация: (||)
    • 2 января 2010 13:35
    • 14
    ^
    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.