Если вам на странице необходимо разместить большое количество картинок, скажем 100 или около того, то сделать это тем самым способом, которым мы все с вами привыкли, очень глупо... Да так резко, но так честно! Куда же это годно, если на странице будет подгружаться под сотню картинок, при этом когда большая часть из них не нужна. Да, конечно можно сделать множество ссылок, каждая из которых как раз и будет вести на нужную картинку, чтобы открыть ее в новом или том же окне. Но и здесь можно сказать, что такой вариант совсем примитивный, а людям всегда хочется ккого-то интерактива, хотя бы простого, а не примитивного!
Вот именно о такой небольшой интерактивной форме вызова картинок я вам и расскажу.
Форма будет реализована на Ява скрипте. Она очень простая и по мне так понятная. Код вот такой.
Само собой вместо тех адресов URL что приведены здесь прописываем свои. При этом option value можем добавлять и добавлять. То есть именно в эти строки должен быть прописан адрес для всех тех картинок, которые мы хотим при желании выбрать и подгрузить. Чтобы код не набирать, можете СКАЧАТЬ текстовый файл с ним.
Ну и как оформить саму форму я комментировать не буду. То что у меня есть там картинка для оформления с именем push и еще одна строка, это тоже все мое оформление. У вас оно может быть другим. Так как это все остается на усмотрение каждого из вас.
Осталось лишь привести пример как это работает. В качестве примера буду выводить картинку кода, которую уже привел выше и еще что-нибудь))
Вариант 1 Вариант 2Еще один вариант, картинки на кнопках. Здесь весь прикол в том, что, во-первых, происходит та же подмена адреса src при клике на кнопку, а кроме того надпись на кнопке обрамлена ссылкой - якорем. В итоге после отработки адреса меняется не только картинка, но еще и страничка подъезжает к этой картинке. Само собой еще и визуализация другая, так как тут кнопки видно сразу. Вариант тоже вполне достойный и рабочий.