Урок 7: Движещи се изображения

 

imur ми напомни за интересен начин да оживите интернет сайт - движещи се изображения.

Достатъчно е да поместите следния скрипт за да видите една изненада :)

<script src="http://4433.hit.bg/fallinglove.js"></script>

Поставянето се извършва, като изберете в Webnode опцията Widgets и след това Embed code. Аналогично е за други сайтове.

Може да го видите в действие на http://souhssz.webnode.com/tjestova/heart/

imur, може да сложите на мястото на това изображение всяко, което пожелаете. Мога да го кача вместо Вас.

Слънчева седмица!

 

- - - - - - - - - - - 

Отново имам проблем с писането на коментари. Може ли някой да погледне?

Dani Nikolova, може лесно да ги откриете с ключова дума scripts в Google. Специално този съм модифицирал от http://www.dynamicdrive.com/

При скриптовете трябва да се съобразят няколко неща. Повечето просто няма да работят, други ще работят некоректно, трети ще променят това как изглежда сайта Ви или ще затруднят осезаемо зареждането му. Тези, които показвам, са тествани в webnode и пригодени да работят безпроблемно на него. Настоящият е прекрасен с това, че е лек и може да го модифицирате с произволно изображение. За целта, разбира се, са нужни познания по java script. Всеки, който ги притежава просто може да отвори файла http://4433.hit.bg/fallinglove.js с notepad и го промени по свой вкус.
Аз съм на разположение за тези, които имат желание, но не и възможност за това.

Поздрави!

- - - - - - - - - - - - - - - - - -

Все още имам проблем с писането на коментари. Изписва ми, че е анонимен коментар и изисква одобрение от администрацията, а съм логнат.

Специално този скрипт е много лесен за модификация.
1. Отворете си документ на Notepad и копирайте в него съдържанието на http://4433.hit.bg/fallinglove.js
2. На втория ред на документа ще видите адреса към изображението, което се мултиплицира:

https://.....gif 

(не изписвам целия адрес, че разпъва много панела тук)

Този адрес подменяте с адреса на каквото си пожелаете ваше изображение.

3. Някъде на 17-я ред ще видите това:
  var i, doc_width = 800, doc_height = 600;
Стойностите 800 и 600 са съответно границите на полето в което ще се изпълни движението на картинките. Може да го промените или оставите така. Прекалено голямото поле може да забави зареждането на страницата.

4. Текстовия файл трябва да запишете с произволно име, но с разширение .js. Обърнете внимание, че като пишете името му, под него за Save as type изберете All files.

5. Остана да качите този файл на сайта си или другаде. Аз съм го качил в http://www.hit.bg/

6. Поставяте този адрес във формата <script src="http://4433.hit.bg/fallinglove.js"></script> за да го подготвите за вграждане и сте готови :)

Слънчева седмица!