Не могу разобраться! помогите плиз) Скрипты скрипты

Автор Тема: Не могу разобраться! помогите плиз) Скрипты скрипты  (Прочитано 1743 раз)

Оффлайн DonLemonАвтор темы

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 5
  • Карма: 0
    • Просмотр профиля

Оффлайн DonLemonАвтор темы

  • Дебютант
  • *
Здравствуйте!

Рылся в интернете, и нашел очень интересную вещь:

http://www.catchmyfame.com/catchmyfame- ... er-plugin/

Попробовал сделать по инструкции, а скрипт не работает, не получается достигнуть того же эффекта, у меня сайт на народе.
Вот сам скрипт.

<div id="container1">[/color]
<div><img alt="before" src="http://rzhev-1216.narod2.ru/geografiya_i_priroda/zhivotnii_mir/blonde1_after.jpg" width="326" height="495" /></div>[/color]
<div><img alt="after" src="http://rzhev-1216.narod2.ru/geografiya_i_priroda/zhivotnii_mir/blonde1_before.jpg" width="326" height="495" /></div>[/color]
</script>[/color]
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js">[/color]
<script type="text/javascript" src="http://rzhev-1216.narod2.ru/geografiya_i_priroda/zhivotnii_mir/jquery-1.6.1.min.js"> </ script>[/color]
<script type="text/javascript" src="http://rzhev-1216.narod2.ru/geografiya_i_priroda/zhivotnii_mir/jquery-ui-1.8.13.custom.min.js"> </ script>[/color]
<script type="text/javascript" src="http://rzhev-1216.narod2.ru/geografiya_i_priroda/zhivotnii_mir/jquery.beforeafter-1.4.min.js"> </ script>[/color]
<script type="text/javascript">[/color]

$(function(){[/color]
$('#container').beforeAfter({[/color]
animateIntro:true,[/color]
imagePath:'/jquery/beforeafter/js/',[/color]
introDuration : 600,[/color]
introPosition : .25,[/color]
showFullLinks : true,[/color]
beforeLinkText: 'Show before image',[/color]
afterLinkText: 'Show after image',[/color]
cursor: 'e-resize',[/color]
enableKeyboard: true,[/color]
dividerColor: '#070'[/color]
})
});

Проверьте пожалуйста на правильность.

Ну или напишите свой вариант, чтобы я его использовал или объясните по-человечески)
* Я в этих всех скриптах полный чайник, поэтому буду очень пре-очень вам благодарен! 


Оффлайн nike2012

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 3
  • Сообщений: 42
  • Карма: 2
    • Просмотр профиля

Оффлайн nike2012

  • Рекрут
  • *
Там ведь есть демо: http://www.catchmyfame.com/jquery/demo/7/ (лучше этот вариант здесь можно также при помощь клавиш передвигать черту)

Открываете демо страницу и жмете контрэл+у, и копируете необходимый код себе...

или стразу берите этот

Цитировать
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
   <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
   
<style type="text/css">
#container {
   margin-left:auto;
   margin-right:auto;
}
</style>
<script type="text/javascript" src="jquery-1.js"></script>
<script type="text/javascript" src="jquery-ui-1.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
   $('#container').beforeAfter({
      animateIntro:true,
      imagePath:'/',
      introDuration : 600,
      introPosition : .25,
      showFullLinks : true,
      beforeLinkText: 'Show before image',
      afterLinkText: 'Show after image',
      cursor: 'e-resize',
      enableKeyboard: true,
      dividerColor: '#070'
   });
});
</script>
</head>
<body>
   
      

      <div id="container">
 <div><img alt="before" src="первая картинка.jpg" width="400" height="366" /></div>
 <div><img alt="after" src="вторая картинка.jpg" width="400" height="366" /></div>
</div>
   

</body></html>

Не забудьте настроить под себя всё необходимое: путь к джейквери и пути к картинкам, а также размеры блоков и картинок. Если вы начинающий (я сам такой) можете использовать мозиллу и режим исследование, сразу будет понятно что и где редактировать. Кстати в хром тоже есть такая фишка. Удачи!

Оффлайн DonLemonАвтор темы

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 5
  • Карма: 0
    • Просмотр профиля

Оффлайн DonLemonАвтор темы

  • Дебютант
  • *
Спасибо) Получилось!!!!
« Последнее редактирование: 02-09-2012, 11:38:59 от DonLemon »


 

Похожие темы

  Тема / Автор Ответов Последний ответ
5 Ответов
5003 Просмотров
Последний ответ 13-07-2011, 07:58:10
от [Константин]
0 Ответов
1163 Просмотров
Последний ответ 02-02-2012, 17:42:57
от Indastr1al
13 Ответов
2566 Просмотров
Последний ответ 09-02-2012, 22:59:36
от Konsul
0 Ответов
1333 Просмотров
Последний ответ 01-04-2012, 17:17:09
от yastix
2 Ответов
5676 Просмотров
Последний ответ 10-08-2012, 05:48:00
от satory