Picture Thumbnails

  • 1
  • Question
  • Updated 5 years ago
  • Answered
Is there any html code I can put in a widget to increase the thumbnails of all my pictures?
Photo of matt

matt

  • 8 Posts
  • 0 Reply Likes

Posted 5 years ago

  • 1
Photo of Crystal

Crystal, Champion

  • 250 Posts
  • 79 Reply Likes
Hello Matt,

Using an HTML widget you could display pictures in any size you would like to. Here is some sample code of two rows of three pictures per row. Changing the width and height numbers would change the picture sizes:

<img src="resources/PICTURE1.jpg" alt="PICTURE 1" width="95" height="95">&nbsp;&nbsp;
<img src="resources/PICTURE2.jpg" alt="PICTURE 2" width="95" height="95">&nbsp;&nbsp;
<img src="resources/PICTURE3.jpg" alt="PICTURE 3" width="95" height="95"><br>

<img src="resources/PICTURE4.jpg" alt="PICTURE 4" width="95" height="95">&nbsp;&nbsp;
<img src="resources/PICTURE5.jpg" alt="PICTURE 5" width="95" height="95">&nbsp;&nbsp;
<img src="resources/PICTURE6.jpg" alt="PICTURE 6" width="95" height="95/><br>
Photo of matt

matt

  • 8 Posts
  • 0 Reply Likes
Hey Crystal,

2 questions because I didn't build the site from the beginning...

1. How I do get the path/source from my pictures? I can't find that.

2. Can I use html to load all at once or do have to path each picture? 20 total?

thanks...
Photo of Crystal

Crystal, Champion

  • 250 Posts
  • 79 Reply Likes
Hello Matt,

Each picture first has to be uploaded to:
1. In Sitebuilder by the Yola icon in the top left corner, click Site.
2. Click File Manager
3. Click Upload Files button and select images you want to upload. You can upload more than one at once by holding down the CTRL key as you click on the images.

Then in the HTML widget code your file path would be src="resources/PictureName.jpg" .

The   is a space - add more or less depending on how many spaces you want.

br - is a line break - to start a second line of pictures.