Textpattern CMS

#1 2007-08-23 02:04:12

cliffordu

Member

Registered: 2005-11-14

Posts: 10

linking floated thumbnails to original images...

I know this HAS to be easy. I am missing something along the way.

I am trying to link a floated thumb to a full sized image.

I am using this to link images and thumbs:

!/images/10t.jpg!:/images/10.jpg

How do I float the thumbs?

I created a class to float the image:

img.floatLeft
{ float: left; margin: 4px;
}

and at this point have to use this html to float the thumb:

<img src=“10t.jpg” class=“floatLeft”>

But that isn’t linked to the original image. I just love the brevity of the textile link, and would like to use a variation on it rather than writing out the link by hand….which is what I have been doing.

It seems I can use one or the other.

I am stumped.

Thanks in advance.

Clifford Smith
Text Maniac

Last edited by cliffordu (2007-08-23 02:15:51)

#2 2007-08-23 07:02:07

colak

Admin

From: Cyprus

Registered: 2004-11-20

Posts: 9,090

Website GitHub Mastodon Twitter

Re: linking floated thumbnails to original images...

You could use something like

"<txp:thumbnail id="10" class="floatLeft" />":<txp:image id="10" />

Edit… Re your html try

<img src="/images/10t.jpg” class="floatLeft">

Last edited by colak (2007-08-23 07:05:04)

---

Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

#3 2007-09-08 20:57:32

thebombsite

Archived Plugin Author

From: Exmouth, England

Registered: 2004-08-24

Posts: 3,251

Website

Re: linking floated thumbnails to original images...

<txp:thumbnail id=23 class="floatLeft" poplink="1" />

This will open the larger image in a pop-up window.

---

Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

#4 2007-09-08 21:39:26

cliffordu

Member

Registered: 2005-11-14

Posts: 10

Re: linking floated thumbnails to original images...

That’s it!
Thanks, everybody!!

Cliffordu