|
|
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
ShSergeу тебя на странице не будет яваскриптового кода, который никогда не выполняется. +100! ShSergeНадо место в википедии забивать. Только, я ещё статью не сочинил. =))) _______________ AnimeBay - аниме магазин, который Вас не разочарует. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.09.2009, 09:33:13 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
И все-таки кто-нибудь подскажет как использовать скрипт для двух наборов картинок на одной странице? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.09.2009, 11:35:38 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
arbinИ все-таки кто-нибудь подскажет как использовать скрипт для двух наборов картинок на одной странице? В этом топике уже был ответ. Чем предложение illion не нравится? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.09.2009, 11:45:04 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
Этот скрипт выводит картинки в одном месте экрана, мне нужно в нескольких местах, т.е. 2 набора меняющихся картинок, например, в ячейках таблицы. Как позионировать несколько наборов, используя одну фукнцию? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.09.2009, 15:25:15 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
Передавать функции объект где надо перерисовать картинку. Код: plaintext ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.09.2009, 17:01:00 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
arbinмне нужно в нескольких местах чуток модифицируйте и будет, то что вы хотите, там ведь идея показана, что ещё нужно? _______________ AnimeBay - аниме магазин, который Вас не разочарует. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.09.2009, 09:27:56 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
Яростный МечShSergeЯростный Меч...Идея, конечно, симпатичная, но новая ли? Есть ли в ней "научная новизна"? Тьфу-ты. Назание надо поменять. Ламеры и тут опередили. Может тогда Strong Javascript или ещё как? Аббревиатура SJS - не так уж и плохо, типа, моё имя, отчество и фамилия. Как насчет True JavaScript ? Вроде не распространеноjsЪ Можно и трушный логотип из такой аббревиатуры запилить.)) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.09.2009, 11:16:08 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
WYPMAHarbinмне нужно в нескольких местах чуток модифицируйте и будет, то что вы хотите, там ведь идея показана, что ещё нужно? _______________ AnimeBay - аниме магазин, который Вас не разочарует. К сожалению, я не веб-дизайнер, поэтому как модифицировать скрипт, чтобы получить смены разных наборов картинок в разных ячейках не знаю. Потратил 3 дня, но не смог сделать. Поэтому и обращаюсь к форумчанам. Какие параметры указывать для наборов картинок, чтобы отображать наборы картинок в отдельных ячейках. У меня на кошельке в Яндекс-деньгах осталось 100 руб., готов сразу перевести их (за вычетом комиссии Яндекса) тому, кто покажет конкретный пример, как должно работать. Спасибо. Напоминаю свой пример (позиции картинок абсолютные относительно background, сам background находится в ячейке таблицы). <div class="background" style="position: relative; width: 170px; height: 100px;"> <style> .pic1 {position:absolute;top:0;bottom:0;height:100px;width:170px;margin:auto;opacity:1;filter:alpha(opacity=100);} .pic2 {position:absolute;top:0;bottom:0; height:100px;width:170px;margin:auto;opacity:0;filter:alpha(opacity=0);} #img1 { position:absolute;top:0;bottom:0; height:100px;width:170px;margin:auto; } #img2 { position:absolute;top:0;bottom:0; height:100px;width:170px;margin:auto; } </style> <div id="img1"> <img class="pic2" src="<img class="pic2" src="image001.jpg"> </div> <div id="img2"> <img class="pic2" src="image001.jpg"> <img class="pic2" src="image002.jpg"> <img class="pic2" src="image003.jpg"> <img class="pic2" src="image004.jpg"> <img class="pic2" src="image005.jpg"> </div> Второй блок картинок пытаюсь поместить в другую ячейку таблицы, но отображаются они там же, где и первый блок: Вот второй блок картинок. <div id="img1"> <img class="pic2" src="<img class="pic2" src="image011.jpg"> </div> <div id="img2"> <img class="pic2" src="image011.jpg"> <img class="pic2" src="image012.jpg"> <img class="pic2" src="image013.jpg"> <img class="pic2" src="image014.jpg"> <img class="pic2" src="image015.jpg"> </div> ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 24.09.2009, 09:44:20 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
Здравствуйте! Может и мне поможете. Есть страничка написанная на asp. В ней запрос к БД в котором выбирается номер(id) картинки и ее описание. Потом в цикле по одной выводишь записи и делаешь MoveNext пока не закончится recordset. Все это хорошо если нужно вывести сразу все картинки и описания к ним. А мне нужно, чтоб они выводились по одной, и чтоб было что-то типа кнопки вперед/назад. Вот и подошли к вопросу - как это можно организовать? чтоб по щелчку мыши срабатывал MoveNext и выводились картинки согласно сдвинутой записи. Нутром чую что как-то через jscript, но я его совсем не знаю. Если не сможете помочь, то хотяб подскажите куда копать?. Заранее спасибо. Вот часть кода asp-странички: Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 24.09.2009, 13:46:25 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
arbin такой вариант вас устроит: автор Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. 62. 63. 64. 65. 66. 67. 68. 69. 70. 71. 72. 73. 74. 75. 76. 77. 78. 79. 80. 81. 82. 83. 84. 85. 86. 87. 88. 89. 90. 91. 92. ? _______________ AnimeBay - аниме магазин, который Вас не разочарует. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 24.09.2009, 14:13:48 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
WYPMAH[quot arbin] такой вариант вас устроит: [quot автор] Не работает корректно для нескольких блоков картинок. Вот конкретный пример: http://www.nwportal.ru/test.html Здесь три набора картинок: Фото здания 1, фото участка, фото здания 2. Каждый набор в отдельной ячейке. Т.е. для каждой ячейки запускаем функцию со своими параметрами? Какие параметры передавать и что писать в style position Функция function AnimateEx(aDivId) <body onload="new AnimateEx(['img1', 'img2']);"> работает для img1, img2 Но как заставить сменяться фотки всех 3-х объектов в этом конкретном примере? Спасибо. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.09.2009, 09:11:56 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
arbinНо как заставить сменяться фотки всех 3-х объектов в этом конкретном примере? для моего примера так: Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. что касается той ссылки, что вы дали - на кой вы наплодили кучу дивов с одинаковыми айдишниками, сделайте 3 дива для трёх блоков фото и назовите из img1..3, соответственно, и будет вам счастье. Посмотрите пример, что выше, сделайте аналогично, не лепите лишних дивов. _______________ AnimeBay - аниме магазин, который Вас не разочарует. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.09.2009, 09:36:23 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
Да, в разных местах получилось расставить, но анимация прокручивается один раз, затем останавливается. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.09.2009, 10:16:09 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
После следующих загрузок вообще нет анимации ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.09.2009, 10:20:29 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
Кто-нибудь знает как сделать? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.09.2009, 14:38:59 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
Уважаемые Вебмастера! Кто-нибудь может помочь в указанной проблеме? Где illion, модератор данного направления форума? Это же для вебмастера задача на 10 минут. Если это платная услуга - сообщите цену. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 08.10.2009, 10:49:08 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
оч не охота разбирать функцию ... затолкай её вызов в setTimeout ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 08.10.2009, 10:59:40 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
arbinДа, в разных местах получилось расставить, но анимация прокручивается один раз, затем останавливается. arbinПосле следующих загрузок вообще нет анимации значит что-то другое в это виновно, т.к. на чистой странице всё работает, как часы Korcarзатолкай её вызов в setTimeout да там и так Timeout выставлен.. _______________ AnimeBay - аниме магазин, который Вас не разочарует. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 08.10.2009, 12:16:53 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
arbinУважаемые Вебмастера! Кто-нибудь может помочь в указанной проблеме? Где illion, модератор данного направления форума? Простите, ради интереса - а с чего Вы взяли, что модератор обязан отвечать на все те вопросы, которые не интересны остальным авторам? Ну, раз уж такая паника, в таблицу дивы не можете сами перенести.... js-код скопируете полностью из поста 5925669 . В стили - небольшие изменения, чтобы ячейки не получились нулевой ширины/высоты. Код: plaintext ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 09.10.2009, 01:56:08 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
Illion, после того, как я указал размеры для картинок, они не находятся на одном месте. Вот пример как работает код: http://www.nwportal.ru/test.html И как реализовать для 3-х и более картинок? { Animate(['img1','img2','img3', и т.д.?.]); } ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.10.2009, 11:50:54 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
arbinпосле того, как я указал размеры для картинок, они не находятся на одном месте очевидно это потому, что position:absolute;top:0;left:0 из примера чудесным образом преобразовалось в position:absolute;top:0;bottom:0... arbinкак реализовать для 3-х и более картинок? { Animate(['img1','img2','img3', и т.д.?.]); } да, в функцию пердается массив из id дивов-контейнеров ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.10.2009, 12:13:23 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
illion, добавил 3-ю картинку, анимация всех 3-х картинок останавливается. Пробовал менять параметры в <style> - 3-я картинка "покидает" свое место. Возможен ли универсальный вариант для любого набора картинок? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 14.10.2009, 13:32:59 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
Народ, подскажите совсем чайнику, и не ругайте пожалуйста, срочно нужно, мануалы листать некогда. Есть кнопки "предыдущая" и "следующая". Под ними должны меняться рисунки. Какой код нужен (то же ЦСС) чтобы 128 картинок менялись в одной ячейке по порядку, соответственно нажатию кнопки? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 19.05.2010, 12:01:42 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
Дайте ссылку на пример, так сложно понять чего вы хотите! ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 19.05.2010, 12:15:29 |
|
||
|
Плавный переход между картинками - JS
|
|||
|---|---|---|---|
|
#18+
mahouneДайте ссылку на пример, так сложно понять чего вы хотите! Вот задача :) Сейчас и примера такого найти не могу. По моему это какой-то простейшый код, о котором уже давно забыли, через желание показаться красивее других. А сам повторюсь - чайник. Посылали на кучу плагинов, ни один решение не подсказал, все в "яву" прутся. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 19.05.2010, 12:43:22 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=36220529&tid=1453074]: |
0ms |
get settings: |
8ms |
get forum list: |
14ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
66ms |
get topic data: |
8ms |
get forum data: |
2ms |
get page messages: |
55ms |
get tp. blocked users: |
1ms |
| others: | 224ms |
| total: | 384ms |

| 0 / 0 |
