Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....

 

Смена картинок по нажатию на кнопку

Автор Dogica, 17-01-2015, 17:00:39

« назад - далее »

DogicaTopic starter

Привет всем
Устал рыться в поиске.. не нахожу рабочего и подходящего решения для такой задачи:

На страничке сайта есть меню справа и слева, которое состоит из иконок (около 20 обычных <img>)
Хочется создать кнопочку на страничке, по нажатию на которую эти все иконки будут сменятся на другие (альтернативные <img>) и обратно - при повторном нажатии чтобы возвращался 1й вариант иконки..

Буду весьма благодарен за любую помощь в данном вопросе..
DOGICA® 3D World of Dog & Puppy
HTTP://WWW.DOGICA.COM  ;)
  •  


mihai

if else

Если одну кнопочку нажали то одна картинка показывается.
Если пришли данные от другой кнопки, то показывается другая картинка.
Что тут искать?


DogicaTopic starter

Не так все просто сэр
Когда пишите ответ тут - над окном где вводите текст есть около 20 смайлов
Как по вашей схеме можно сделать 1(!!!) кнопку, при нажатии на которую вместо этих 20 смайлов появляются 20 других?
DOGICA® 3D World of Dog & Puppy
HTTP://WWW.DOGICA.COM  ;)
  •  

Haosame

Посмотрите на то, как реализуются слайдеры на JavaScript. Там одной кнопочкой можно десяток изображений пролистать. Если вы имеете ввиду что нужно показывать блоки по 10 смайлов с сохранением их функциональности, так все то же самое:
Список <ul><li><a href ...>
И к нему код на JS, который реализует кнопку для листания, опять жеж - примитивный слайдер.
  •  



submaster

Цитата: warkat от 17-01-2015, 17:00:39На страничке сайта есть меню справа и слева, которое состоит из иконок (около 20 обычных <img>)
Хочется создать кнопочку на страничке, по нажатию на которую эти все иконки будут сменятся на другие (альтернативные <img>) и обратно - при повторном нажатии чтобы возвращался 1й вариант иконки..

- Создаёте в вида иконок, один набор кладёте в папку, например, /img/, вторую группу иконок в папку /img2/
- в путях к картинкам этой папке присваиваете переменную, $folderimg
- пишете скрипт по логике:
$folderimg==img;
if(isset($_POST['button'])) {$folderimg=img2;}
elseif($folderimg==img2 && isset($_POST['button'])) {$folderimg=img}
else {$folderimg=img}

Не обращайте внимание на синтаксис, это пример логики. ))

Это как 1 из вариантов.
Вариант 2.
Создаёте 2 массива с именами файлов картинок, и перебором распределяете их по меню и по тому же принципу при нажатии кнопки меняете массив.

DogicaTopic starter

Cпасибо всем !
Вот этот вариант подходит =)
Очень понравилось что без JS

Цитата: Exit от 20-01-2015, 19:29:21
Вот статья на тему "Смена картинки по клику", с демонстрацией и исходниками
DOGICA® 3D World of Dog & Puppy
HTTP://WWW.DOGICA.COM  ;)
  •  

M-A-X

Вопрос-то уже решен.
Но что мешало напрять собственные мозги и написать код?..
  •  


DogicaTopic starter

Цитата: M-A-X от 19-02-2015, 11:08:41
Вопрос-то уже решен.
Но что мешало напрять собственные мозги и написать код?..
мешало полное отсутствие сведений о программировании в JS
DOGICA® 3D World of Dog & Puppy
HTTP://WWW.DOGICA.COM  ;)
  •  



Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....