smd_gallery: super-flexible gallery generator

xzamen · 2008-09-14 21:39:45

Thank you Bloke! That workaround works around quite well :)

progre55 · 2008-09-15 12:09:43

Bloke:

Yes I will email you.

Like I mentioned. The problem only appears in Firefox and not in IE. As you will see, both the menu bar and the top new ticker are effected. And the issue occurs once you click on a thumbnail.

Any suggestion/guidance would be appreciated.

progre55

Last edited by progre55 (2008-09-15 12:10:59)

Bloke · 2008-09-15 18:42:14

I know it’s been around for a while but I only had the pleasure to check it out in anger today. I can thorougly, thoroughly, thoroughly recommend shadowbox in conjunction with smd_gallery. It might require a few more files and three or four lines of javascript more to set up than most libraries, but boy is it worth it.

It is super-cool, super-smooth and rock solid. Pretty much everything you might want in a lightbox system and a whole load more if you wish to dive in further. It can run standalone or even integrate with existing libs if you have them (jQuery, mootools, Prototype, Ext, etc)

I tried it in jQuery mode, rendering a single-tag smd_gallery test page (with 6 automatically-separated sub-galleries using onchange and grouptag) of 150 pics/thumbs. It’s so good it even pauses and patiently sits there waiting for the rest of the page to load if you jump the gun and click a thumbnail before the DOM is ready; unlike FancyZoom and traditional lightboxes that would just show the raw pic on its own page and require you to click Back.

Plus it scales the full pics — retaining aspect — depending on browser size up to the maximum resolution of the file itself. So on a 1024×768 display you’d see maybe an 800×600 version of a 1280×960 pic, but on a 1600×1200 display (like wot I has) you see the full 1280×960 shot.

It really is terrific. Hats off to the creator; I’m very impressed.

Last edited by Bloke (2008-09-15 18:42:55)

lee · 2008-10-03 18:13:57

Hi Stef, thanks for the shadowbox tip, just got it working and it’s really classy

Last edited by lee (2008-10-03 20:01:33)

joebaich · 2008-10-04 02:36:31

I agree about Shadowbox being the bees’ knees, but especially when deployed via smd_gallery. Fpx_image_import completes the uber useful trio for me because it enables me to upload a single category defined gallery of, say, 15 pictures at one fell swoop, automatically making the thumbnails.

jstubbs · 2008-10-04 06:20:44

Hi Stef/Joe – do you have an example of how you got Shadowbox to work with smd_gallery? I just found out about it with Stef’s post above.

Is it best to run in conjunction with jQuery or standalone? I have FancyZoom but find it a little buggy here and there. Nice though.

lee · 2008-10-04 06:58:11

Head:
<script type=“text/javascript” src=”<txp:site_url/>textpattern/jquery.js”></script>
<script type=“text/javascript” src=”<txp:site_url/>shadowbox/shadowbox-jquery.js”></script>
<script type=“text/javascript” src=”<txp:site_url/>shadowbox/shadowbox-2.0.js”></script>

Page:
<txp:smd_gallery category=“gallery” form=“gallery” />

Form (called gallery):
<a href=”{url}” rel=“shadowbox[gallery]”>
<img class=“animage” src=”<txp:site_url/>images/{thumbdef}” alt=”{alt}” />
</a>

jstubbs · 2008-10-04 07:18:46

Thanks lee. And for the shadowbox download options, anything in particular that should/should not be included?

lee · 2008-10-04 07:34:16

I just included img in the build. You also need the full download to get the skin etc.

curiouz · 2008-10-04 16:28:10

I’ve been trying to setup smd_gallery with slideshow2, but without succes.

This is my code:

<txp:smd_gallery category="aviatrix" form="slideshow" collate="quote:{imagedef}" />

<div class="slideshow" id="show">
 <img src="{imagepath#1}{imagedef#1}" alt="{alt#1}" />
</div>
<script type="text/javascript">
var data = [{imagedef}];
var myShow1 = new Slideshow('show', data,
{controller: true, hu: '{imagepath#1}',);
</script>

See testpage.
It seems that the img elements remain hidden somehow, instead of toggling to visible.

UPDATE:
the above link works. But by adding “www”, the above mentioned problem happens…

Last edited by curiouz (2008-10-04 16:36:08)

Bloke · 2008-10-04 17:23:08

curiouz wrote:

It seems that the img elements remain hidden somehow, instead of toggling to visible… by adding “www”, the above mentioned problem happens

I’ve seen this before (somewhere in this thread) and I believe it’s to do with the slideshow script or browser not “trusting” the image location. Under Firefox 2, a JS error would be issued that made it obvious, but it appears that under FF3 there isn’t one. Bit of a shame.

I think if you changed your mootools/slideshow <script> and <link> tags to include www as well, it would work. But of course anyone not using the subdomain prefix would see no images. Best thing to do is use an .htaccess rule to force one or the other and then consistently stick to that throughout the site.

Hope that helps.

xzamen · 2008-10-04 17:30:00

Maybe I’m missing something but I can’t come up with an idea how to insert a newly added image’s thumbnail in the middle of let’s say 100 other thumbnails. Is it possible at all? In general I want to find a way of adding a new thumbnail anywhere between other thumbs. By default it just adds up to the end of the list (gallery).
And also if I use order=“date” what date does it use? image creation or adding to DB?

joebaich · 2008-10-04 17:44:30

xzamen said

Maybe I’m missing something but I can’t come up with an idea how to insert a newly added image’s thumbnail in the middle of let’s say 100 other thumbnails. Is it possible at all?

Generally, I find it’s a good idea to have a naming convention for gallery pictures like ‘pic_name_010.jpg, pic_name_020.jpg ….. etc’ where 010, 020 etc represents the order that you want the pictures to appear in the gallery. Then use some thing like <txp:smd_gallery category="?Gallery Name" sublevel="all" form="gallery" sort="name asc" />. Then it’s a cinch to name a file, say, pic_name_011.jpg to appear between 010 and 020.

Obviously it helps to have a file management tool like ACDSee (PC) or ‘A Better Finder Rename’ (Mac) to make light of that work.

Last edited by joebaich (2008-10-04 17:46:58)

curiouz · 2008-10-07 16:59:57

Thanks Bloke for the tip!

I’ve edited my .htaccess (see below) and everything works fine in ff3, but not in IE6/7. any thoughts?

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.example.com$ [NC]
RewriteRule ^(.*)$ http://example.com/$1 [R=301,L]

RewriteBase /

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d

RewriteRule ^(.+) - [PT,L]
RewriteRule ^(.*) index.php

RewriteCond %{HTTP:Authorization}  !^$
RewriteRule .* - [E=REMOTE_USER:%{HTTP:Authorization}]

</IfModule>

fuls · 2008-10-15 11:32:13

Hi Bloke, can we expect MLP plugin compatibility in near future?

Thanks!

Textpattern CMS

Textpattern CMS support forum

#226 2008-09-14 21:39:45

Re: smd_gallery: super-flexible gallery generator

#227 2008-09-15 12:09:43

Re: smd_gallery: super-flexible gallery generator

#228 2008-09-15 18:42:14

Re: smd_gallery: super-flexible gallery generator

#229 2008-10-03 18:13:57

Re: smd_gallery: super-flexible gallery generator

#230 2008-10-04 02:36:31

Re: smd_gallery: super-flexible gallery generator

#231 2008-10-04 06:20:44

Re: smd_gallery: super-flexible gallery generator

#232 2008-10-04 06:58:11

Re: smd_gallery: super-flexible gallery generator

#233 2008-10-04 07:18:46

Re: smd_gallery: super-flexible gallery generator

#234 2008-10-04 07:34:16

Re: smd_gallery: super-flexible gallery generator

#235 2008-10-04 16:28:10

Re: smd_gallery: super-flexible gallery generator

#236 2008-10-04 17:23:08

Re: smd_gallery: super-flexible gallery generator

#237 2008-10-04 17:30:00

Re: smd_gallery: super-flexible gallery generator

#238 2008-10-04 17:44:30

Re: smd_gallery: super-flexible gallery generator

#239 2008-10-07 16:59:57

Re: smd_gallery: super-flexible gallery generator

#240 2008-10-15 11:32:13

Re: smd_gallery: super-flexible gallery generator

Board footer