Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Проблема работы скрипта-слайдера изображения в IE


Автор: ieronim 17.7.2009, 13:44
Здравствуйте.

Я столкнулся с проблемой при импортировании скрипта с одного сайта на другой.
необходимо было импортировать скрипт прокрутки картинки курсором мышки вот отсюда:
http://www.vikingcue.com/products/cue.php?cueid=48

вот сюда:
http://arisovcues.ru/products/classic/whole/amarant/

Скрипты идентичны на первом и втором сайте. Только на первом сайте скрипт работает во всех браузерах, а на втором - во всех, кроме Internet Explorer. Проблема в том, что в IE картинка на втором сайте не прокручивается.
В чем тут может быть дело?

Помогите пожалуйста разобраться. Заранее благодарен!

Автор: bars80080 17.7.2009, 14:45
ну, охота лизть по сайтам, вытаскивать скрипты, выложил бы скрипт сюда

может он использует дополнительную библиотеку? типа jquery и т.п. и на сайтах различаются их версии, либо настройки, либо вообще их нет на одном из

Автор: Sanchezzz 17.7.2009, 14:51
Код

<!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">

а почему у тебя заголовки другие? и тег центре в начале идет?
попробуй поставить может IE это не нравится?

Автор: ieronim 17.7.2009, 14:54
Нет, jquery там не используется.

в head'е там прописано 2 скрипта:
http://vikingcue.com/scripts/prototype-1.6.0.2.js
http://vikingcue.com/scripts/slider.js

в самом же теле с картинкой используется div-блок с разными параметрами, такого типа:
Код

<div id='dynamicslider'><div id='dynamicsliderbox' style='background-color:#ffffff;color:#333333;margin-bottom:12px; overflow:hidden; width:100%; position:relative; height:250px;'><div id='dynamicslidertrack' style='z-index:100;float:left;width:100%;position:relative;height:225px;'><div id='dynamicsliderhandle' style='right:0px;width:3805px;bottom:0px;position:absolute;height:225px;cursor:e-resize;'><div id='dynamicsliderproduct-image-container' style='height:225px;position:absolute;right:-27px;bottom:0px;width:3805px;text-align:right;'><div id='dynamicsliderimage' style='display:inline-block'><img alt='' src='http://vikingcue.com/images/products/gseries/g52_full.jpg' border='0' /></div></div></div></div>


и после него сам скрипт:

Код

<script language='javascript' type='text/javascript'>
new Control.Slider('dynamicsliderhandle','dynamicslidertrack',{onSlide:function(v){},onChange:function(v){}});
</script>


Добавлено через 4 минуты и 31 секунду
Цитата(Sanchezzz @ 17.7.2009,  14:51)
Код

<!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">

а почему у тебя заголовки другие? и тег центре в начале идет?
попробуй поставить может IE это не нравится?

попробовал, не помогло. кроме этого еще и стили перестали применяться smile

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)