smd_gallery: super-flexible gallery generator

mauricerm · 2010-07-21 19:19:49

The tag

<txp:smd_gallery category=“ejes-de-desarrollo” form=“head” combo=“imglist:{id}{ext}” collate=“quote:{imglist}:{alt}” />

for a simple slideshow don’t work, when the explorer load the webpage, the status bar show a message: Loading image http://127.0.0.1/Portada/css/loader-0.png … to loader-10.png, and do not display any image…

Help man!!

chrisgoodhue · 2010-07-28 02:15:53

Hi all,

I am having a lot of trouble getting my lightbox to work properly.

I want to have two sets of thumbnails. One for Design work and one for Photography. Both use the same gallery form but only display images from their specific section. I thought that by including the following, it would accomplish this.

Default page:

<txp:smd_gallery category=“design” sublevel=“all” form=“gallery” />
<txp:smd_gallery category=“photography” sublevel=“all” form=“gallery” />

Gallery Form:
<a rel=“fancybox-{<txp:section />}” href=”{url}”> <txp:thumbnail id=”{id}” />
</a>

Am I way off?

-Chris

tye · 2010-07-28 02:45:24

Just a quick drive by, and haven’t looked fully – but shouldn’t this line be:

<a rel=“fancybox-{<txp:category />}” href=”{url}”> <txp:thumbnail id=”{id}” /> </a>

chrisgoodhue · 2010-07-28 02:54:00

It seems like everything is in the right place, but for some reason images will only open when:
<a rel=“fancybox” href=”{url}”> <txp:thumbnail id=”{id}” /> </a>

No idea why <txp:category /> isn’t working here

chrisgoodhue · 2010-07-28 04:58:20

What I’m trying to do is have the “Design” gallery appear when you click on the thumb of an image in the “Design” category and the same for the “Photography” category.

In my page, I have this:
<txp:smd_gallery sort=“random” category=“photography” sublevel=“all” form=“gallery” />
<txp:smd_gallery sort=“random” category=“design” sublevel=“all” form=“gallery” />

In my gallery form, I have this:
<a rel=“fancybox-{category}” href=”{url}” title=”{category_title}: {caption}”>
<txp:thumbnail id=”{id}” /> </a>

Everything I have been reading leads me to believe the info above is right, but it is not working for me.

Any ideas?

Katalonian · 2010-07-28 07:41:50

how i can rearrange images sorting in category which using smd gallery?

Bloke · 2010-07-28 13:06:25

chrisgoodhue wrote:

Everything I have been reading leads me to believe the info above is right, but it is not working for me.

It is right. It’s perfect. How is it “not working”? e.g. do you see the thumbnails? Does the HTML render as you’d expect? Are the category names being put in the rel attribute as you’d expect? Does it just not popup your lightbox?

images will only open when: <a rel="fancybox" href="{url}"> <txp:thumbnail id="{id}" /> </a>

In which case, my guess is that your jQuery start script needs modifying. Since you don’t have any classes defined, how are you initiating the lightboxes? You need to make sure you are targetting all your images. Wrapping them in a div and using $("myDiv a").fancybox(); should work (inside the usual DOM ready jQuery call).

Note that since you have no wrapper attributes, your galleries will be modged up together. You can combat this — and in fact make your page more efficent — by only using one smd_gallery tag, like this:

<txp:smd_gallery category="design, photography"
     sublevel="all" form="gal_a" wraptag="div"
     onchange="category_title" onchangewraptag="h3"
     sort="category" />

That’ll shove an h3 tag between each gallery, with the category title as its heading. You just lose the random sort within the categories. If that’s important to you then by all means stick with two tags.

Last edited by Bloke (2010-07-28 13:12:34)

Bloke · 2010-07-28 13:12:13

Katalonian wrote:

how i can rearrange images sorting in category which using smd gallery?

Does the sort attribute not do what you want? In what order do you want to sort the images?

Katalonian · 2010-07-28 13:14:00

Bloke wrote:

Does the sort attribute not do what you want? In what order do you want to sort the images?

i’m want to sort manally, it’s possible?

Last edited by Katalonian (2010-07-28 13:14:40)

Bloke · 2010-07-28 13:35:34

Katalonian wrote:

i’m want to sort manally, it’s possible?

Put the images in the order you want them to appear (by either the category or id attributes) and then use sort="fixed".

Katalonian · 2010-07-29 11:22:25

thanks!

chrisgoodhue · 2010-07-30 00:35:37

hey bloke,
here is the site i am working on (very much in progress):
http://chrisgoodhue.com/chris

not sure if taking a look at the source will give you any clues.

one column displays thumbnails of images in the “design” category. Clicking any of them should open up the “design” lighbox. Same goes for “photography.” I’m pretty sure the jQuery is good.

Bloke wrote:

chrisgoodhue wrote:

Everything I have been reading leads me to believe the info above is right, but it is not working for me.

It is right. It’s perfect. How is it “not working”? e.g. do you see the thumbnails? Does the HTML render as you’d expect? Are the category names being put in the rel attribute as you’d expect? Does it just not popup your lightbox?

images will only open when: <a rel="fancybox" href="{url}"> <txp:thumbnail id="{id}" /> </a>

In which case, my guess is that your jQuery start script needs modifying. Since you don’t have any classes defined, how are you initiating the lightboxes? You need to make sure you are targetting all your images. Wrapping them in a div and using $("myDiv a").fancybox(); should work (inside the usual DOM ready jQuery call).

Note that since you have no wrapper attributes, your galleries will be modged up together. You can combat this — and in fact make your page more efficent — by only using one smd_gallery tag, like this:

<txp:smd_gallery category="design, photography"
     sublevel="all" form="gal_a" wraptag="div"
     onchange="category_title" onchangewraptag="h3"
     sort="category" />

That’ll shove an h3 tag between each gallery, with the category title as its heading. You just lose the random sort within the categories. If that’s important to you then by all means stick with two tags.

Textpattern CMS

Textpattern CMS support forum

#721 2010-07-21 19:19:49

Re: smd_gallery: super-flexible gallery generator

#722 2010-07-28 02:15:53

Re: smd_gallery: super-flexible gallery generator

#723 2010-07-28 02:45:24

Re: smd_gallery: super-flexible gallery generator

#724 2010-07-28 02:54:00

Re: smd_gallery: super-flexible gallery generator

#725 2010-07-28 04:58:20

Re: smd_gallery: super-flexible gallery generator

#726 2010-07-28 07:41:50

Re: smd_gallery: super-flexible gallery generator

#727 2010-07-28 13:06:25

Re: smd_gallery: super-flexible gallery generator

#728 2010-07-28 13:12:13

Re: smd_gallery: super-flexible gallery generator

#729 2010-07-28 13:14:00

Re: smd_gallery: super-flexible gallery generator

#730 2010-07-28 13:35:34

Re: smd_gallery: super-flexible gallery generator

#731 2010-07-29 11:22:25

Re: smd_gallery: super-flexible gallery generator

#732 2010-07-30 00:35:37

Re: smd_gallery: super-flexible gallery generator

Board footer