Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: HTML/CSS/JS - вопрос про скроллер
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » HTML/CSS/JS - вопрос про скроллер

Страниц (1): [1]
 

1. alxfro - 16 Ноября, 2011 - 11:46:40 - перейти к сообщению
Помогите. 3 день парюсь над плавной прокруткой фотографий при наведении мышки.
Пробовал jquery плагины, marquee/jss но все никак не получается.
А всего-то нужно при наведении мыши плавно прокручивать фотографии (аля marquee, только движение при наведении мыши).
2. EuGen - 16 Ноября, 2011 - 11:53:34 - перейти к сообщению
http://www[dot]queness[dot]com/post/222/[dot][dot][dot]d-slider-plugins

- множество галерей на любой вкус и цвет. Demo прилагаются.
3. alxfro - 16 Ноября, 2011 - 11:59:56 - перейти к сообщению
EuGen пишет:
http://www[dot]queness[dot]com/post/222/[dot][dot][dot]d-slider-plugins

- множество галерей на любой вкус и цвет. Demo прилагаются.



там много лишнего, того, что мне и не надо

мне всего-то надо 10 картинок [1][2][3]..[10] чтобы прокручивались допустим справа налево при наведении мышки (аля marquee)
4. tuareg - 16 Ноября, 2011 - 12:10:25 - перейти к сообщению
Так Вам что надо конкретно? Написать за Вас весь код?
А так выкладывайте, что есть (сделали, но не получилось Улыбка ) и там видно будет
5. alxfro - 16 Ноября, 2011 - 12:12:33 - перейти к сообщению
tuareg пишет:
Так Вам что надо конкретно? Написать за Вас весь код?
А так выкладывайте, что есть (сделали, но не получилось Улыбка ) и там видно будет


да пож. мне не жалко, там кода то кот наплакал и тем более он 99% не валидный, не работает в половине браузеров

CODE (html):
скопировать код в буфер обмена
  1. <html>
  2. <body  style="overflow: hidden !important; margin: 0px; padding: 0px;" onLoad="newsFlash.stop();">
  3. <marquee behavior="alternate" id="newsFlash" scrolldelay="0" scrollamount="2" onMouseOver="newsFlash.stop();" onMouseOut="newsFlash.start();><nobr><img src="../images/i_1.png" border=0 style="border: 0px;" /><img src="../images/i_2.png" border=0 style="border: 0px;" /><img src="../images/i_3.png" border=0 style="border: 0px;" /><img src="../images/i_4.png" border=0 style="border: 0px;" /><img src="../images/i_5.png" border=0 style="border: 0px;" /><img src="../images/i_6.png" border=0 style="border: 0px;" /><img src="../images/i_7.png" border=0 style="border: 0px;" /><img src="../images/i_8.png" border=0 style="border: 0px;" /><img src="../images/i_9.png" border=0 style="border: 0px;" /><img src="../images/i_10.png" border=0 style="border: 0px;" /><img src="../images/i_1.png" border=0 style="border: 0px;" /><img src="../images/i_2.png" border=0 style="border: 0px;" /><img src="../images/i_3.png" border=0 style="border: 0px;" /><img src="../images/i_4.png" border=0 style="border: 0px;" /><img src="../images/i_5.png" border=0 style="border: 0px;" /><img src="../images/i_6.png" border=0 style="border: 0px;" /><img src="../images/i_7.png" border=0 style="border: 0px;" /><img src="../images/i_8.png" border=0 style="border: 0px;" /><img src="../images/i_9.png" border=0 style="border: 0px;" /><img src="../images/i_10.png" border=0 style="border: 0px;" /><img src="../images/i_1.png" border=0 style="border: 0px;" /><img src="../images/i_2.png" border=0 style="border: 0px;" /><img src="../images/i_3.png" border=0 style="border: 0px;" /><img src="../images/i_4.png" border=0 style="border: 0px;" /><img src="../images/i_5.png" border=0 style="border: 0px;" /><img src="../images/i_6.png" border=0 style="border: 0px;" /><img src="../images/i_7.png" border=0 style="border: 0px;" /><img src="../images/i_8.png" border=0 style="border: 0px;" /><img src="../images/i_9.png" border=0 style="border: 0px;" /><img src="../images/i_10.png" border=0 style="border: 0px;" /></nobr></marquee>
  4. </body>
  5. </html>


в хроме работает нормально, в IE то работает то нет, в Mozilla FF - начинает сразу крутиться, а надо только при наведении.
6. tuareg - 16 Ноября, 2011 - 13:15:08 - перейти к сообщению
Так не прокатит, сделайте все в div-е и по наведению делайте анимацию
Если jQuery что-то типа
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $('#newsFlash').hover(
  3. function(){ //при наведении
  4.   ..animate(параметры)
  5. },
  6. function(){//при удалении
  7.  ..animate(параметры)
  8. }
  9. );
  10.  

Как-то так. Разметку можете посмотреть в любом подобном плагине (js карусель)
7. alxfro - 16 Ноября, 2011 - 13:33:33 - перейти к сообщению
tuareg пишет:
Так не прокатит, сделайте все в div-е и по наведению делайте анимацию
Если jQuery что-то типа
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $('#newsFlash').hover(
  3. function(){ //при наведении
  4.   ..animate(параметры)
  5. },
  6. function(){//при удалении
  7.  ..animate(параметры)
  8. }
  9. );
  10.  

Как-то так. Разметку можете посмотреть в любом подобном плагине (js карусель)


сейчас попробую, можно было и уточнить пример, для наглядности
8. tuareg - 16 Ноября, 2011 - 13:57:17 - перейти к сообщению
Я не делал подобное ни разу. Вы разметку сделаете, будут все атрибуты(id, class и т.д)
Выложите ее, и я Вам помогу.
Пример вот http://www[dot]xiper[dot]net/collect/js-[dot][dot][dot]arousellite[dot]html
9. alxfro - 16 Ноября, 2011 - 14:05:22 - перейти к сообщению
tuareg пишет:
Я не делал подобное ни разу. Вы разметку сделаете, будут все атрибуты(id, class и т.д)
Выложите ее, и я Вам помогу.
Пример вот http://www[dot]xiper[dot]net/collect/js-[dot][dot][dot]arousellite[dot]html


Так. Люди.
1. мне не нужно ничего сверхъестественного вроде кнопок "двигать влево", "двигать вправо", даже наоборот - мне это категорически не нужно
2. мне не нужна валидная верстка, да вообще можно без CSS
3. мне ничего не нужно, кроме блока фотографий, плавно перемещающихся влево при наведении мыши

Мне бы и marquee хватило бы, только как его заставить двигаться при наведении курсора правильно для всех браузеров?

Теперь я надеюсь понятнее объяснил.
(Добавление)
Всем спасибо, что так долго придумывали это:

CODE (html):
скопировать код в буфер обмена
  1. <html>
  2. <body  style="overflow: hidden !important; margin: 0px; padding: 0px;"><marquee behavior="alternate" scrollAmount="0" onMouseOver="this.scrollAmount=3" onMouseOut="this.scrollAmount=0">ТУТ ФОТКИ</body></html>


Долго ж вам пришлось помучаться на 5 строчками чистого HTML?

 

Powered by ExBB FM 1.0 RC1