Join listal  
or Login here  
Forums > Listal Feedback | Post new thread

Adding images to my lists.

Poster Message

Zozoulini




Rank : 35

Posted : 9 months, 3 weeks ago at Jan 14 17:52 -

Hello everyone!

I'm not an experienced internet and Listal user so I'll appreciate very much your help. I have already read many threads in this section of the forum but I didn't find the answer yet.

I have a custom list under construction and I would like to add some images/screenshots in it. How can I do that?
Is the answer the Image example in the "Basic html allowed"?
Can I use images that don't exist in Listal and how?

Thank you!

escafeld




Rank : 23

Posted : 9 months, 3 weeks ago at Jan 14 18:01 -

Yup, just use the < img src > tag (without the spaces).

You can host the image elsewhere for example on your own photobucket or imageshack account or what is probably best is to upload the image here to Listal under the appropriate item, click onto the item page then place the cursor over the image, right click view image to get the direct url & use that. You could even hotlink that image from your list back to it's image page using < a href="image page url" >< img src="image url"></ a > (again without the spaces). So if folk like the image they can click on it & cast a vote.

For example in my latest list I have linked the image in the description to it's item page.

Hope this helps. :-)

Zozoulini




Rank : 35

Posted : 9 months, 3 weeks ago at Jan 14 18:24 -

Sure, it helps a lot! Thank you very much for your quick response escafeld.

Danie




Rank : 28

Posted : 9 months, 3 weeks ago at Jan 15 10:14 -

Just to complicate it a little bit:

Sometimes the image is just too big to fit in the space for lists and it ends up showing those little bars in the side..

You can re-size it using < img src="url" width="000" height="000" >

The easier way to figure out a good size is opening an empty image on paint, put it in a size you think will be good and enter ctrl+e. Make sure the size is set in pixels.

If you want it so people can click the image to view its full size: < a href="image url" > < img src="image url" target="_blank" > < /a >

target="_blank" means it'll open in a new window, but you don't exactly have to use it.

Enjoy!

escafeld




Rank : 23

Posted : 9 months, 3 weeks ago at Jan 15 10:46 -

Tip: For images used in the description sidebar set the width to maximum of 300, for images in the list itself set width to a maximum of 600.

Tom




Moderator
Admin
Rank : 42

Posted : 9 months, 3 weeks ago at Jan 15 13:30 -

You can resize any image on listal by changing the number in the url e.g.

http://img.listal.com/image/393138/100full-natalia-vodianova.jpg

100 pixels wide



http://img.listal.com/image/393138/200full-natalia-vodianova.jpg

200 pixels wide



Also if you remove the 'full' part it will create a square image e.g.



http://img.listal.com/image/393138/100-natalia-vodianova.jpg



This is much better than changing the width="" tag as the entire image is not loaded by the browser.

Zozoulini




Rank : 35

Posted : 9 months, 3 weeks ago at Jan 15 18:51 -

I thank you all very much for your help. I appreciate this a lot.

Danie




Rank : 28

Posted : 9 months, 3 weeks ago at Jan 17 13:32 -

Thanks Tom, I had no idea that could be done! Much easier that way!