Ищу Скрипт движения изображения.

Тема в разделе "Open Source", создана пользователем trooll, 4 дек 2010.

Статус темы:
Закрыта.
Модераторы: Amazko, Aste
  1. trooll

    trooll PHP кодер

    Регистр.:
    22 дек 2008
    Сообщения:
    503
    Симпатии:
    116
    Доброго всем.
    Народ может кто встречал скрипт JS? Суть которого в следуещем:
    Движение изображения от координаты 1 до координаты 2 пример:
    http://www.queness.com/resources/html/bgscroll/index2.html
    , после достижения координаты 2 должно происходить смена картинки. Типа слайдер что ли. Где то видел где не помню, так бы сорцы выдернул.
     
  2. Avalanch

    Avalanch ТоЛеГ & ТоПеГ

    Регистр.:
    9 янв 2007
    Сообщения:
    1.136
    Симпатии:
    524
    Ну как бы сорцы там тоже есть:

    HTML:
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> 
    	<title>jQuery Scrolling Background Tutorial</title> 
    	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> 
    	<link rel="stylesheet" type="text/css" href=".css"/> 
    	<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> 
    	<script type="text/javascript" src="js/jquery.bgscroll.js"></script> 
    	<script type="text/javascript" language="javascript"> 
    	$( function() {
    		$('.clouds1').bgscroll({direction:'v' });
    		$('.clouds2').bgscroll({scrollSpeed:5 , direction:'h' });
    		$('.clouds3').bgscroll({scrollSpeed:10, direction:'d'});
    	});
    	</script> 
    	
    	<style type="text/css"> 
    	body {background:#fff}
    	.clouds1 , .clouds2,  .clouds3 {background:#3e83c8 url(images/bg_clouds.png) repeat 0 bottom; width:300px; height:300px; float:left; border:2px solid #ccc; margin:10px;}
    	.clear {clear:both;}
    	</style> 
     
    </head> 
    <body> 
     
    <div class="clouds1"></div> 
    <div class="clouds2"></div> 
    <div class="clouds3"></div> 
    <div class="clear"></div> 
     
    <script type="text/javascript" src="http://www.queness.com/js/bsa.js"></script> 
     
    </body> 
    </html>
     
  3. trooll

    trooll PHP кодер

    Регистр.:
    22 дек 2008
    Сообщения:
    503
    Симпатии:
    116
    Спасибо конечно:) за доброту душевную:) , но данное решение мне не подходит, оно как бы то, но в то же время и не то.

    В этом примере замкнутый цикл движения картинки, нет смены картинки при достижение опр. условий.
     
  4. VandJ

    VandJ

    Регистр.:
    8 апр 2008
    Сообщения:
    318
    Симпатии:
    113
    Вот посмотрите:
    http://ruseller.com/lessons.php?rub=32&id=400
     
  5. trooll

    trooll PHP кодер

    Регистр.:
    22 дек 2008
    Сообщения:
    503
    Симпатии:
    116
    Народ вопрос еще актуален.

    Может кто видел еще что нибудь?
     
  6. trooll

    trooll PHP кодер

    Регистр.:
    22 дек 2008
    Сообщения:
    503
    Симпатии:
    116
    Вобщем нашол что искал сам.

    Кому интересно вот ссылка на сайт плагина к jQuery:
    http://tobia.github.com/CrossSlide/
     
  7. Avalanch

    Avalanch ТоЛеГ & ТоПеГ

    Регистр.:
    9 янв 2007
    Сообщения:
    1.136
    Симпатии:
    524
    Мде. Первое тоже самое, только нужно было прописать смену картинки. =/
     
Статус темы:
Закрыта.