PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

JS - вопрос про скроллер

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

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

Без описания

Поиск в теме | Версия для печати

alxfro	Отправлено: 16 Ноября, 2011 - 11:46:40
Частый гость Покинул форум Сообщений всего: 208 Дата рег-ции: Июль 2011 Помог: 0 раз(а)	Помогите. 3 день парюсь над плавной прокруткой фотографий при наведении мышки. Пробовал jquery плагины, marquee/jss но все никак не получается. А всего-то нужно при наведении мыши плавно прокручивать фотографии (аля marquee, только движение при наведении мыши).

EuGen	Отправлено: 16 Ноября, 2011 - 11:53:34
Профессионал Покинул форум Сообщений всего: 9095 Дата рег-ции: Июнь 2007 Откуда: Berlin Помог: 707 раз(а)	http://www[dot]queness[dot]com/post/222/[dot][dot][dot]d-slider-plugins - множество галерей на любой вкус и цвет. Demo прилагаются. ----- Есть в мире две бесконечные вещи - это Вселенная и человеческая глупость. Но насчет первой .. я не уверен.

alxfro	Отправлено: 16 Ноября, 2011 - 11:59:56
Частый гость Покинул форум Сообщений всего: 208 Дата рег-ции: Июль 2011 Помог: 0 раз(а)	EuGen пишет: http://www[dot]queness[dot]com/post/222/[dot][dot][dot]d-slider-plugins - множество галерей на любой вкус и цвет. Demo прилагаются. там много лишнего, того, что мне и не надо мне всего-то надо 10 картинок [1][2][3]..[10] чтобы прокручивались допустим справа налево при наведении мышки (аля marquee)

tuareg	Отправлено: 16 Ноября, 2011 - 12:10:25
Участник Покинул форум Сообщений всего: 1234 Дата рег-ции: Июнь 2010 Помог: 69 раз(а)	Так Вам что надо конкретно? Написать за Вас весь код? А так выкладывайте, что есть (сделали, но не получилось ) и там видно будет

alxfro	Отправлено: 16 Ноября, 2011 - 12:12:33
Частый гость Покинул форум Сообщений всего: 208 Дата рег-ции: Июль 2011 Помог: 0 раз(а)	tuareg пишет: Так Вам что надо конкретно? Написать за Вас весь код? А так выкладывайте, что есть (сделали, но не получилось ) и там видно будет да пож. мне не жалко, там кода то кот наплакал и тем более он 99% не валидный, не работает в половине браузеров CODE (html): скопировать код в буфер обмена <html> <body style="overflow: hidden !important; margin: 0px; padding: 0px;" onLoad="newsFlash.stop();"> <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> </body> </html> в хроме работает нормально, в IE то работает то нет, в Mozilla FF - начинает сразу крутиться, а надо только при наведении.

tuareg	Отправлено: 16 Ноября, 2011 - 13:15:08
Участник Покинул форум Сообщений всего: 1234 Дата рег-ции: Июнь 2010 Помог: 69 раз(а)	Так не прокатит, сделайте все в div-е и по наведению делайте анимацию Если jQuery что-то типа CODE (javascript): скопировать код в буфер обмена $('#newsFlash').hover( function(){ //при наведении ..animate(параметры) }, function(){//при удалении ..animate(параметры) } ); Как-то так. Разметку можете посмотреть в любом подобном плагине (js карусель)

alxfro	Отправлено: 16 Ноября, 2011 - 13:33:33
Частый гость Покинул форум Сообщений всего: 208 Дата рег-ции: Июль 2011 Помог: 0 раз(а)	tuareg пишет: Так не прокатит, сделайте все в div-е и по наведению делайте анимацию Если jQuery что-то типа CODE (javascript): скопировать код в буфер обмена $('#newsFlash').hover( function(){ //при наведении ..animate(параметры) }, function(){//при удалении ..animate(параметры) } ); Как-то так. Разметку можете посмотреть в любом подобном плагине (js карусель) сейчас попробую, можно было и уточнить пример, для наглядности

tuareg	Отправлено: 16 Ноября, 2011 - 13:57:17
Участник Покинул форум Сообщений всего: 1234 Дата рег-ции: Июнь 2010 Помог: 69 раз(а)	Я не делал подобное ни разу. Вы разметку сделаете, будут все атрибуты(id, class и т.д) Выложите ее, и я Вам помогу. Пример вот http://www[dot]xiper[dot]net/collect/js-[dot][dot][dot]arousellite[dot]html (Отредактировано автором: 16 Ноября, 2011 - 13:58:59)

alxfro	Отправлено: 16 Ноября, 2011 - 14:05:22
Частый гость Покинул форум Сообщений всего: 208 Дата рег-ции: Июль 2011 Помог: 0 раз(а)	tuareg пишет: Я не делал подобное ни разу. Вы разметку сделаете, будут все атрибуты(id, class и т.д) Выложите ее, и я Вам помогу. Пример вот http://www[dot]xiper[dot]net/collect/js-[dot][dot][dot]arousellite[dot]html Так. Люди. 1. мне не нужно ничего сверхъестественного вроде кнопок "двигать влево", "двигать вправо", даже наоборот - мне это категорически не нужно 2. мне не нужна валидная верстка, да вообще можно без CSS 3. мне ничего не нужно, кроме блока фотографий, плавно перемещающихся влево при наведении мыши Мне бы и marquee хватило бы, только как его заставить двигаться при наведении курсора правильно для всех браузеров? Теперь я надеюсь понятнее объяснил. (Добавление) Всем спасибо, что так долго придумывали это: CODE (html): скопировать код в буфер обмена <html> <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?

Поиск в теме | Версия для печати

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

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.