Вывод картинок в одном и том же месте
<script type="text/javascript">
function l_image (a) {
document.example_img.src=a
}
</script>
он ссылки вида
'<a href="javascript:l_image ('Текст">http://site.ru/pic.jpg')">Текст'" class="b-post__link " target="_blank">site.ru/pic.jpg')">Текст</a>...
выводит в месте, где стоит код
'<img src="site.ru/pic.jpg" name="example_img" alt="ATL2" width="100%">'
Стандартно же картинки выводятся
кодом
'<img class="CLASS1" title="TITLE1" src="site.ru/pic.jpg" alt="ALT1" width="300" height="140" />'
Требуется доработать решение.
1.Чтобы стандартные изображения с классом CLASS1 не выводились "сами", а выводились этим скриптом.
2.При этом при выводе к ним "подтягивались из alt и title
3. Чтобы все такие картинки грузились сразу, одна на другую, а по клику на ссылку, только перемещалась вверх нужная картинка, т.е. чтобы все картинки присутствовали в коле с альт и тайтл, но показывалась только нужная
4. текст ссылки=" TITLE1 " (те title окруженный пробелами)
5. В мобильном виде (начиная с какого то разрешения экрана) скрипт начинал выводить картинку поверх ссылки.