thumbnail gallery with links?

elduderino · 2006-07-22 18:24:23

HI i want to create an area on my page that allows me to display a thumbnail of an album front cover and then have a link to the artists site or amazon.

Ive considered the wet_thumbfilter plug-in but it doesnt allow you to specify an external link, only a link to the corresponding article.

All i want is thumbnail images that i can attach an external link to. Could anyone suggest a good plug-in/technique to achieve this?

thanks

jm · 2006-07-22 19:23:40

You could use a linklist. This would be fairly easy:

Content>Organize
Create a new link category, amazon
Presentation>Form
Create the form amazon (or plainlinks) so it shows the following: <txp:linkdesctitle />.
In your template or article, use <txp:linklist form="amazon" break="li" category="amazon" limit="5" sort="rand()" wraptag="ul" />

To post an album cover, go to Amazon, find the album, right click>copy image location, then enter in <img src="[pasted location]" alt="Cover" /> for the link title. Enter the URL of the page in the url box.

elduderino · 2006-07-23 18:42:35

hi there ,

thanks for the reply. Ive kinda got it working from your post. The link works but no image is displayed. Just a broken link box.

Copy image location is on the MAC context menu isnt it. Im on a PC at the mo and instead im going right click>copy shortcut. Is that the same as copy image location or not?

els · 2006-07-23 20:01:35

Copy image location is in the Firefox right click menu. You must be using IE I suppose, Copy shortcut is copying the URL the image is linked to, not the image URL. You can right click on the image, choose Properties, and copy the image URL from there.

jm · 2006-07-23 20:08:20

Whoops, I forgot to mention I was using Opera. Firefox or Opera will make the process faster and easier.

elduderino · 2006-07-24 16:53:50

Hi Jon,

Yep i was using IE at the time and i’d tried the properties>image url from there but it still doesnt seem to work. Ive also tried getting the image location from FF now but the same occurs. A link appears but the image is broken.

This is what ive done-just in case ive missed anything:

1.created the category amazon and created a form with exactly <code><txp:linkdesctitle />.</code>in it. Is this correct?

2. Put this code in to an empty div ive chosen for it: <code><txp:linklist form=“amazon” break=“li” category=“amazon” limit=“5” sort=“rand()” wraptag=“ul” /></code>

3. gone to amazon right clicked and copied image location and pasted it in to the following code in the link title:

<img src="http://images-eu.amazon.com/images/P/B0001M0KDO.02._SCTHUMBZZZ_.jpg" alt="Cover" />

4.put the page url in the url box and then saved.

It doesnt seem to quite work! Im sure its just something im missing!

Last edited by els (2006-07-24 19:21:01)

els · 2006-07-24 17:07:19

<small>(image link removed)</small>

If I paste that img tag here in < notextile > tags, it works. It seems that the title field is textiled? What happens if you enter it like this < notextile> <img src= ... /> < /notextile>? (remove the spaces, I don’t know how to show this code otherwise)

Last edited by els (2006-07-24 20:37:12)

elduderino · 2006-07-24 18:07:11

Hi els,

No unfortunatley thats not working but it has made a change. Instead of a broken image box with a red cross in it im now getting a small square about 3px by 3px with a little white dot in it! Weird.

The image doesnt display in the txp interface in the links part either.

Ive tried moving the code to an empty div to make sure it wasnt an issue with the image not displaying due to its div being too small but its not that either…

els · 2006-07-24 19:26:31

I edited the code in your post to display the image tag properly (<em>’s were generated).

Elduderino, if I copy and paste that exact image tag into a title field of one of my links, the image is displayed! The only difference is that I don’t have <txp:linkdesctitle />, but <txp:link /> in my form. Though I can’t imagine that is the problem, you could try and see if that makes any difference.

elduderino · 2006-07-24 20:26:14

hey, its working. I dont know why! I just cut and pasted the image location code back in to my links input area and it works!

i dont get how?! You said you has edited something? What was it?

Nice one anyway!

els · 2006-07-24 20:35:52

elduderino wrote:

You said you has edited something? What was it?

In your post #6. The image link in < code > tags looked like:
<code><img src=“http://images-eu.amazon.com/images/P/B0001M0KDO.02.SCTHUMBZZZ.jpg” alt=“Cover” />
</code>
with _ turned into <em> ;) So I changed the < code > tags to bc..

I’m glad it’s working now :)

elduderino · 2006-07-24 21:26:36

oh right got u!

Thanks again!

Textpattern CMS

Textpattern CMS support forum

#1 2006-07-22 18:24:23

thumbnail gallery with links?

#2 2006-07-22 19:23:40

Re: thumbnail gallery with links?

#3 2006-07-23 18:42:35

Re: thumbnail gallery with links?

#4 2006-07-23 20:01:35

Re: thumbnail gallery with links?

#5 2006-07-23 20:08:20

Re: thumbnail gallery with links?

#6 2006-07-24 16:53:50

Re: thumbnail gallery with links?

#7 2006-07-24 17:07:19

Re: thumbnail gallery with links?

#8 2006-07-24 18:07:11

Re: thumbnail gallery with links?

#9 2006-07-24 19:26:31

Re: thumbnail gallery with links?

#10 2006-07-24 20:26:14

Re: thumbnail gallery with links?

#11 2006-07-24 20:35:52

Re: thumbnail gallery with links?

#12 2006-07-24 21:26:36

Re: thumbnail gallery with links?

Board footer