the simplest way to make a gallery is to insert this code directly into the article, and in the root of the site place a folder with pictures to which you give links


<div style="background: white; border: 1px solid white; padding: 0px; text-align: center; width: 100%;">
<marquee height="350" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" >
<a href="http://turboblack.ru"><img src="images/1.jpg" /></a>
<a href="http://turboblack.ru"><img src="images/2.jpg" /></a>
<a href="http://turboblack.ru"><img src="images/3.jpg" /></a>
<a href="http://turboblack.ru"><img src="images/4.jpg" /></a>
<a href="http://turboblack.ru"><img src="images/5.jpg" /></a>
</marquee></div>


Where:

border - the thickness of the frame

solid silver - frame color silver

padding - the distance between the objects inside the frame and the frame vertically

background: white - background color white

width - the width of the window, the height will be automatically balanced thanks to the padding

text-align: center - aligning the object inside the frame

scrollamount - speed of movement of pictures

width height - image size

onmouseover = this.stop () onmouseout = this.start () - stops the picture when you hover the mouse over it


 8-) 


a script that would match my wishes I could not find, in addition, you can use social networks widgets, share pictures, and simply insert the same code into your article on the site, for example, instagram


but I'm not satisfied with the inscriptions of instagram, facebook, and similar brands, I do not like copyright, that's why you can use the simplest option. It is not perfect, but for a simple solution it is enough



а теперь для тех кто не шарит по аглицки ))))


самый простой способ сделать галерею - вставить этот код непосредственно в статью, а в корне сайта - папку с картинками, на которые вы указываете ссылки


вы конечно можете использовать социальные сети, расшарить альбом, и поместить код на свою страничку...

но меня не устраивают надписи instagram, facebook и подобных брендов, мне не нравятся авторские права, поэтому вы можете использовать самый простой вариант. Это не идеально, но для простого решения этого вполне достаточно, тем более, что оно еще и решает вопрос с ссылками, которые мы так любим вставлять куда не попадя ))).


теперь более подробно с инструкциями:

border - толщина рамки

solid silver – цвет рамки silver 

padding – расстояние между объеками внутри рамки и рамкой по вертикали

background:white – цвет фона white

width – ширина окошка, высота выравнится автоматически благодаря padding

text-align: center – выравнивание объекта внутри рамки

scrollamount – скорость движения картинок

width height – размер картинок

onmouseover=this.stop() onmouseout=this.start() – останавливает картинку при наведении на нее курсора мыши, её вполне можно убрать, и тогда картинки будут двигаться просто справа на лево.


если у вас есть вопросы по статье, и вам нужны ответы - воспользуйтесь вкладкой контакты