smd_gallery: super-flexible gallery generator

Bloke · 2009-12-15 14:49:06

RedFox wrote:

… so maybe it’s impossible!

*splutter* what?! ;-)

Is it possible to render one thumbnail linking to a gallery of images of more than one (sub)categories?

The problem (I think, if I’ve understood correctly) is that you want to show one or more thumbnails that link to a bunch of image categories when viewed in FancyBox.

In which case, the solution lies in your Form. Remember that most of the *Box scripts group images together using the rel attribute? Your form uses rel="fancybox-{category}" which will only allow visitors to traverse through one category at a time. If you want to be able to navigate through them all you’ll have to be more creative with your rel tag:

rel="fancybox" will traverse all images on the page
rel="fancybox-mygroup" will traverse all images generated from this smd_gallery tag (becaues they’ll all have the same rel name). Alter the ‘mygroup’ bit in each Form if required so that each smd_gallery on the page is part of a unique group
OR rel="fancybox-{galleryid}" if you are using the smd_gallery tag in its own Form; galleryid will track your smd_gallery tags and generate a unique identifier for that particular tag instance, thus allowing you to only traverse images generated from that tag when the lightbox is opened

Does that help?

Last edited by Bloke (2009-12-15 14:51:11)

RedFox · 2009-12-15 15:16:03

Bloke wrote:

Does that help?

I hope so … give me a day or two … ;-)

Btw … can you have a look at my earlier post … if you can?

Last edited by RedFox (2009-12-15 15:17:22)

Bloke · 2009-12-15 16:04:42

RedFox wrote:

I do want a tooltip when hovering the thumbnail but I don’t want a title beneath the enlargement (fancybox!

Missed your edit.

Look at the HTML source generated by smd_gallery. The {object} (by default) renders an img tag that has an alt attribute. And your Form has title="{alt}" on the anchor.

My guess is that Fancybox is reading one of those two attributes and treating it as a caption. Try either removing the title attribute from the anchor or removing the alt from the img using smd_gallery’s objectform to specify your own markup for the {object} replacement tag. If the tooltip disappears on hover, try adding a title to the img tag instead; *shrug* clutching at straws.

[ note that if it is the alt and you do remove it, your page might not validate any more ]

Last edited by Bloke (2009-12-15 16:06:50)

RedFox · 2009-12-15 16:53:43

Bloke wrote:

Look at the HTML source generated by smd_gallery…

I did some tweaking here and there before my post, but I will look further into it … thanks a lot for now!

[edit 1]
It is Fancybox that uses whatever it needs to make captions in the slide. I could tweak Fancybox but I’m not a scripter … so I did this in the stylesheet of Fancybox >

div#fancy_title {
	position: absolute;
	margin-top: -24px; /* edit by redfox */
	z-index: 100;
	display: none;
	visibility: hidden; /* edit by redfox > hiding caption! */
}

It still gives a tooptip on hovering the thumbnail and … the page validates … :)

[edit 2]
The solution to both ‘problems’ (I want one (1) thumbnail with a tooltip (alt) ànd no caption in Fancybox!) is:

1) Using this tag in an article >

<txp:smd_gallery category="geschiedenis" objectform="slide" thumblimit="1" sort="random">
<a class="group" rel="fancybox-{category}" href="{url}" title="{alt}">{object}</a>
</txp:smd_gallery>

2) Using this objectform (‘slide’) >

<img src="{thumburl}" alt="{alt}" />

3) And hide the caption div in the Fancybox stylesheet … see code above!

Hopes it benefits other users of smd_gallery and Fancybox. See the results at www.dorpshuiswapse.nl/biljarten

Last edited by RedFox (2009-12-16 12:06:07)

zoltandragon · 2009-12-16 14:44:27

Dear Stef,

It is a wonderful plugin – I have but one problem (good for me, I know :) ): when the plugin renders the images from the category, it puts a line break around each. I tried to use the break=“li” option, but then it uses both the line break AND the list… Maybe I’m just too lame to figure out the solution, but presently I’m quite helpless (I would not want to ruin the source code, either :) )

Thanks in advance!

Zoltán

Bloke · 2009-12-17 09:30:53

zoltandragon wrote:

it puts a line break around each

You mean a line break in the source code? That would be because your Form or container are on a new line inside the smd_gallery tag. To remove the line break you need to do:

<txp:smd_gallery category="something">... some container output goes here...</txp:smd_gallery>

If that’s not what you mean, please post your tag and form code.

zoltandragon · 2009-12-17 10:30:33

doh! I knew it should be simple… sorry. silly me :)

jrubio · 2009-12-21 02:08:32

Hello,

I have created a slideshow with categories. Everything is working fine. I have a navigation bar with sub-menus and when hovering with the mouse, they display in the back of the slideshow. I am using slideshow.js. I’ve had this problem before with flash and I solved it by adding the parameter “wmode = transparent”

How do I create the same effect with smd_gallery. You can see the slideshow here!

Thank you. I am almost there!

Last edited by jrubio (2009-12-21 02:10:40)

Bloke · 2009-12-21 02:16:27

jrubio wrote:

when hovering with the mouse, they display in the back of the slideshow.

Hmm, have you tried addign z-index:2000; (or some other big number) to your ul.dropdown class somewhere to put the nav bar on top of everything else?

jrubio · 2009-12-21 10:59:37

that did it! thanks a lot.

afewimages · 2009-12-30 16:01:41

HI there,

I am struggling the whole afternoon with the plugin. I have doublechecked everything, read a lot of posts, but i can’t get it to work.
I have tried a very basic setup:
Page:
<txp:smd_gallery category="trees" sublevel="all" form="gallery" wraptag="ul" break="li" />
Form:
<a rel="lightbox-{category}" href="{url}" title="{caption}"><txp:thumbnail id="{id}" /></a>

I see the thumbs and i can click on them but the full photo opens in a new window. No effect at all.
All the .js files and the .css file are in place.

Anyone help?

WAIT!! I installed version 2 of both the css and js files and now it works! (please update the documentation)

Last edited by afewimages (2009-12-30 16:09:39)

afewimages · 2009-12-30 16:13:14

Anyone knows COLORBOX? I am very impressed with this tool. How can i implement this in the plugin?

Steven.

Textpattern CMS

Textpattern CMS support forum

#613 2009-12-15 14:49:06

Re: smd_gallery: super-flexible gallery generator

#614 2009-12-15 15:16:03

Re: smd_gallery: super-flexible gallery generator

#615 2009-12-15 16:04:42

Re: smd_gallery: super-flexible gallery generator

#616 2009-12-15 16:53:43

Re: smd_gallery: super-flexible gallery generator

#617 2009-12-16 14:44:27

Re: smd_gallery: super-flexible gallery generator

#618 2009-12-17 09:30:53

Re: smd_gallery: super-flexible gallery generator

#619 2009-12-17 10:30:33

Re: smd_gallery: super-flexible gallery generator

#620 2009-12-21 02:08:32

Re: smd_gallery: super-flexible gallery generator

#621 2009-12-21 02:16:27

Re: smd_gallery: super-flexible gallery generator

#622 2009-12-21 10:59:37

Re: smd_gallery: super-flexible gallery generator

#623 2009-12-30 16:01:41

Re: smd_gallery: super-flexible gallery generator

#624 2009-12-30 16:13:14

Re: smd_gallery: super-flexible gallery generator

Board footer