smd_gallery: super-flexible gallery generator

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.

Bloke · 2009-12-30 17:27:19

afewimages wrote:

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

What part of the documentation? Do you mean the Slimbox example? It’s just to give you an idea of how to use the plugin and not to be used as a drop-on-your-page-and-go example.

Anyone knows COLORBOX? … How can i implement this in the plugin?

I don’t know it but it’ll work fine with the plugin, like this:

<txp:smd_gallery category="trees" sublevel="all" wraptag="ul" break="li">
   <a rel="example1" href="{url}" title="{caption}"><txp:thumbnail id="{id}" /></a>
</txp:smd_gallery>
<script type="text/javascript">
   jQuery(function(){
      jQuery("a[rel='example1']").colorbox();
   });
</script>

In the examples they give, the anchor’s rel attribute is tied to the jQuery. You could probably use something else, like a class if you preferred.

afewimages · 2009-12-31 09:33:49

Thanks Bloke,

I’ll try this out. What i meant with the docs is that there is no reference to the version2 slimbox. I did not look any further than the startpage and find out later that there was also a version 2 which worked.

Steven.

MattD · 2009-12-31 22:03:51

Bloke, I’m using the following to create a list of images for use with Galleria.

<txp:smd_gallery category="portfolio" onchange="category_title" onchangeclass="category" onchangewraptag="li" sublevel="all">
{onchange:category_title}
<li class="thumb<txp:smd_if field="{counter}" operator="eq" value="1"> active</txp:smd_if>"><a href="{url}" title="{caption}"><img src="{thumburl}" alt="{alt}"></a></li>
</txp:smd_gallery>

I need to add an id, of the category name, to the li of the category but I’m a bit confused on how to do more with onchange. Also, is there a better way to add an active class to the first item?

Last edited by MattD (2009-12-31 22:04:19)

Bloke · 2010-01-01 11:09:37

MattD wrote:

I need to add an id, of the category name, to the li of the category but I’m a bit confused on how to do more with onchange.

v0.53 adds the ability to let you define your own onchange forms. Thus you can now do this:

<txp:smd_gallery category="portfolio" onchange="category_title:oc_form" sublevel="all">
{onchange:category_title}
<li class="thumb<txp:smd_if field="{counter}" operator="eq" value="1"> active</txp:smd_if>"><a href="{url}" title="{caption}"><img src="{thumburl}" alt="{alt}"></a></li>
</txp:smd_gallery>

and you can create your oc_form thus:

<li id="{category}" class="category">{category_title}</li>

to customise it to your needs. Does that help?

Also, is there a better way to add an active class to the first item?

Not really :-( If you have any ideas on how it could be achieved though, I’m all eyes.

Happy New Year!

idesign123 · 2010-01-06 03:14:23

I’m trying to figure out how to add “captions” to my Gallery. I’m using smd_gallery combined with a custom Gallery script (Galleriffic).

Example URL – http://www.jwdlicensing.com/index.php?id=4#0

Here is the code snippet in the gallery page…
<div id="thumbs" class="navigation"> <txp:article listform="gallery" form="gallery" sort="Posted asc" limit="1" /> </div> <div id="content"> <div id="gallery" class="content"> <div id="slideshow" class="slideshow"></div> <div id="controls"> </div>

And here is the code in the gallery “form”…
<txp:smd_gallery category="?article_image" form="article_image_form" sort="name" break="li" wraptag="ul" class="thumbs noscript" /> <txp:hide> <txp:upm_article_image form="article_image_form" wraptag="ul" class="thumbs noscript" /> </txp:hide>

Does anyone know what I need to change or add in order for my captions to show up?

Thank you very much for your help!

MattD · 2010-01-06 04:04:42

What’s in your article_image_form form?

Textpattern CMS

Textpattern CMS support forum

#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

#625 2009-12-30 17:27:19

Re: smd_gallery: super-flexible gallery generator

#626 2009-12-31 09:33:49

Re: smd_gallery: super-flexible gallery generator

#627 2009-12-31 22:03:51

Re: smd_gallery: super-flexible gallery generator

#628 2010-01-01 11:09:37

Re: smd_gallery: super-flexible gallery generator

#629 2010-01-06 03:14:23

Re: smd_gallery: super-flexible gallery generator

#630 2010-01-06 04:04:42

Re: smd_gallery: super-flexible gallery generator

Board footer