Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

  1. Index
  2. » Plugin support
  3. » smd_slimbox

#397 2008-02-26 03:29:24

NeilA
Member
From: Blue Mountains, Australia
Registered: 2004-08-15
Posts: 316
Website

Re: smd_slimbox

Hey Stef,

This isn’t strictly a plugin support issue, but I wonder if you can point me in the right direction?

I’ve installed smd_slimbox on a page with a couple of Flash movie clips (here). All works well except that the Flash ‘boxes’ stay on top of the ‘lightbox’ when viewing a photo.

Is this a CSS thing or something else I’m missing?

Thanks for a help.

Cheers


Neil – Blue Mountains, Australia

http://westserve.org
http://ministrygrounds.net.au

Offline

#398 2008-02-26 09:04:42

Bloke
Developer
From: Leeds, UK
Registered: 2006-01-29
Posts: 11,419
Website GitHub

Re: smd_slimbox

NeilA wrote:

All works well except that the Flash ‘boxes’ stay on top of the ‘lightbox’ when viewing a photo.

Hi Neil. Christophe’s slimbox javascript is supposed to “disable” any object/embed tags prior to viewing the lightbox to avoid just such an issue. Since you’re using SWFObject, maybe it’s not doing that as it’s not a “true” object.

I seem to remember it being asked on his forum, specifically try this solution and see if it works for you. There may be other gems hidden in the forum if that doesn’t work.

Last edited by Bloke (2008-02-26 09:05:28)


The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.

Txp Builders – finely-crafted code, design and Txp

Offline

#399 2008-02-26 10:26:45

NeilA
Member
From: Blue Mountains, Australia
Registered: 2004-08-15
Posts: 316
Website

Re: smd_slimbox

Thanks so much Stef!
I indeed found a solution there (the additional paramater “sd.addParam(“wmode”, “transparent”);” )

Regards


Neil – Blue Mountains, Australia

http://westserve.org
http://ministrygrounds.net.au

Offline

#400 2008-02-28 20:42:55

progre55
Member
Registered: 2006-05-02
Posts: 668

Re: smd_slimbox

Bloke:

I have a REAL easy one. I want to put caption text UNDER each thumbnail. I can get the caption text to appear, but it appears to the side of the images. I know it is a css thing, but can’t seem to get the right combination in place.

any assistance would be appreciated.

progre55

Figured It Out

Last edited by progre55 (2008-02-28 20:50:38)

Offline

#401 2008-02-28 20:59:00

progre55
Member
Registered: 2006-05-02
Posts: 668

Re: smd_slimbox

Bloke:

I actually do have a question, I thought I had figured it out with the following code:

<txp:smd_slimbox category=“fixed, ?id” orderby=“name:asc, category” thumbtext=“below:?caption” thumbtextclass=“thumb” thumbtextwrap=“p” />

thumb {
         FONT: 10px verdana,arial; 
}

So it works that I get the caption under the thumbnail, but instead of my thumbnails being 3 across, they are now stacked one on top of another.

I know I am missing an obvious one, but please be so kind to point out my error.

Thanks.

progre55

Last edited by progre55 (2008-02-28 21:00:45)

Offline

#402 2008-02-28 21:12:45

Bloke
Developer
From: Leeds, UK
Registered: 2006-01-29
Posts: 11,419
Website GitHub

Re: smd_slimbox

progre55 wrote:

<txp:smd_slimbox category=“fixed, ?id” orderby=“name:asc, category” thumbtext=“below:?caption” thumbtextclass=“thumb” thumbtextwrap=“p” />

You’re probably better off without the thumbtextwrap and then using the CSS:

span .thumb {
  display: block;
  font: 10px verdana, arial; 
}

Since <p> will be causing a paragraph break by default. Does that help?

Last edited by Bloke (2008-02-28 21:13:04)


The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.

Txp Builders – finely-crafted code, design and Txp

Offline

#403 2008-02-28 21:19:56

progre55
Member
Registered: 2006-05-02
Posts: 668

Re: smd_slimbox

Bloke:

When I try this:

<txp:smd_slimbox category=“fixed, ?id” orderby=“name:asc, category” thumbtext=“below:?caption” thumbtextclass=“thumb” />

I get no thumbnails .

When I try this:

<txp:smd_slimbox category=“fixed, ?id” orderby=“name:asc, category” />

It works fine, but obviously without the text under the thumbnails.

I also added the css you put above.

progre55

Offline

#404 2008-02-28 21:25:15

Bloke
Developer
From: Leeds, UK
Registered: 2006-01-29
Posts: 11,419
Website GitHub

Re: smd_slimbox

urk, my bad. thumbtextwrap="span". Sorry. Thought it defaulted to span but it doesn’t any more.

Last edited by Bloke (2008-02-28 21:25:36)


The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.

Txp Builders – finely-crafted code, design and Txp

Offline

#405 2008-02-28 21:36:59

progre55
Member
Registered: 2006-05-02
Posts: 668

Re: smd_slimbox

Bloke:

I think we are getting closer. :)

Now I am using:

<txp:smd_slimbox category=“fixed, ?id” orderby=“name:asc, category” thumbtext=“below:?caption” thumbtextclass=“thumb” thumbtextwrap=“span” />

I see images, but no text.

I have placed this in the css:

span .thumb {
  display: block;
  font: 10px verdana, arial; 
}

progre55

Offline

#406 2008-02-28 21:47:14

Bloke
Developer
From: Leeds, UK
Registered: 2006-01-29
Posts: 11,419
Website GitHub

Re: smd_slimbox

progre55 wrote:

I see images, but no text.

Weird. Maybe try without the ‘span’ in the CSS rule then:

.thumb {
  display: block;
  font: 10px verdana, arial; 
}

If you view the source, do you see captions like this:

<img src="blah".... /><span class="thumb">Caption text here</span>

? (just checking the captions are being rendered before we try and figure out if my CSS is at fault!)


The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.

Txp Builders – finely-crafted code, design and Txp

Offline

#407 2008-02-29 03:40:01

progre55
Member
Registered: 2006-05-02
Posts: 668

Re: smd_slimbox

Bloke:

I can generate a caption under the thumbnail, but I can not get it to line up correctly. When I use the above code, it outputs a single column with the text underneath.

I know it is looking at the correct css area, because I can alter items in it (ie font size) and it has an effect. In fact I can get it to do anything except put it directly underneath and then make it the three columns it was (if the caption function was not on)

If I remove the display: block what I get is:

Image 1 -> Caption Text 1 -> Image 2 -> Caption Text 2 -> New Row
Image 3 -> Caption Text 3 -> Image 4 -> Caption Text 4 -> New Row etc.

FYI, here is the code you were asking for:

<a href=“http://www.xxxx.com/images/19.jpg” rel=“lightbox-smd” title=“Whole”><img src=“http://www.xxxx.com/images/19t.jpg” alt=”“ /></a> <span class=“thumb”>Whole</span>

progre55

Last edited by progre55 (2008-02-29 03:55:11)

Offline

#408 2008-02-29 09:34:28

Bloke
Developer
From: Leeds, UK
Registered: 2006-01-29
Posts: 11,419
Website GitHub

Re: smd_slimbox

progre55 wrote:

When I use the above code, it outputs a single column with the text underneath.

D’oh! You’re right. I should have checked before I opened my mouth. Sorry we’re not making much progress, umm, progre55 :-)

I got it now, promise! Just tried it on a site and it relies on the attribute I’d convinced myself wasn’t much use any more. Lucky I didn’t remove it: cellclass.

Do a slimbox tag like this:

<div class="thumbs">
<txp:smd_slimbox category="blahblah" thumbtext="below:?caption" thumbtextwrap="span" cellclass="cell" wraptag="span" />
</div>

And CSS:

.thumbs {
	width:400px;
}
.cell {
	display:block;
	float:left;
	padding:10px;
}
.thumbs span {
	float:left;
	width:100px;
	text-align:center;
	height:150px;
}

The cellclass wraps the img AND the caption in the wraptag element and gives it the class of cell in this case. Then we can treat each imag+caption block as a unit and style them without the blocks interacting with other neighbouring images. The .thumbs is just there as a convenience in case you want to change how many images appear in a “row”.

That’ll get you going. Sorry it took so long. I’m a bit dense and my head’s a bit full of junk this week: record label’s getting all my attention.

Last edited by Bloke (2008-02-29 09:39:19)


The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.

Txp Builders – finely-crafted code, design and Txp

Offline

  1. Index
  2. » Plugin support
  3. » smd_slimbox

Board footer

Powered by FluxBB