Перейти к содержимому

Сервис обмена электронных валют

Выбрать шаблон и создать сайт

Проверьте скрипт.... До/после

#1 Donlemon

Donlemon
  • Пользователь
  • 1 сообщений
  • Репутация: 0
0

Отправлено 28 Август 2012 - 12:10

Здравствуйте!

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

http://www.catchmyfa... ... er-plugin/

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

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

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

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

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

 

 

  • 0


Оформление форума – IPBSkins.ru