smd_slimbox

NeilA · 2008-02-26 03:29:24

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

Bloke · 2008-02-26 09:04:42

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)

NeilA · 2008-02-26 10:26:45

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

Regards

progre55 · 2008-02-28 20:42:55

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)

progre55 · 2008-02-28 20:59:00

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)

Bloke · 2008-02-28 21:12:45

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  will be causing a paragraph break by default. Does that help?

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

progre55 · 2008-02-28 21:19:56

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

Bloke · 2008-02-28 21:25:15

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)

progre55 · 2008-02-28 21:36:59

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

Bloke · 2008-02-28 21:47:14

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".... />Caption text here

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

progre55 · 2008-02-29 03:40:01

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> Whole

progre55

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

Bloke · 2008-02-29 09:34:28

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)

Textpattern CMS

Textpattern CMS support forum

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

Re: smd_slimbox

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

Re: smd_slimbox

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

Re: smd_slimbox

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

Re: smd_slimbox

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

Re: smd_slimbox

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

Re: smd_slimbox

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

Re: smd_slimbox

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

Re: smd_slimbox

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

Re: smd_slimbox

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

Re: smd_slimbox

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

Re: smd_slimbox

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

Re: smd_slimbox

Board footer