Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2004-12-08 01:14:21

wilshire
Plugin Author
From: Akron, Ohio
Registered: 2004-08-27
Posts: 656
Website

[plugin] [ORPHAN] rss_thumbpop - Thumbnail Image Gallery w/ popups

While searching for a simple image gallery plugin I ended up wanting to use certain features of both the cgd_dynagallery plugin and the dca_pop plugin. After hacking away for a while I decided to start anew and the DynaGallery became the basis for this plugin.

The plugin can be used to create a standard thumbnail gallery with popup full size images, reload a full size image on the same page or create a nice javascript driven gallery.

Here are the major functions of the plugin:
  • Generates a thumbnail gallery using a table or floated divs
  • Allows all categories, multiple categories or use of the global category
  • Thumbnails are hyperlinked
    • and shown in a popup of the full size image only
    • and shown in a popup page with the full size image and caption
    • and the full size image is shown on the same page after a reload
    • and the full size image is shown on the same page using javascript with no reload
  • Can be used to automatically show a gallery based on the current article ID
  • Supports paging
  • Images can be ordered by name, caption, date asc, date desc or random
  • Define the padding around the image in the popup window
  • Define the number of images per row
  • Optionally show image captions in thumbnail view
  • Optionally show image alt text in thumbnail view
  • Optionally include a header label in thumbnail view
  • Optionally turn popups off
  • Built in classes rssThumbs, rssThumbLabel, rssThumb, rssImg, rssThumbFloat for easy CSS styling

rss_thumbpop documentation, example & download

I still plan to make some more additions to this so any feedback is appreciated as usual.

Last edited by wilshire (2005-05-02 04:05:41)

Offline

#2 2004-12-08 12:50:26

Vitruvius
Plugin Author
Registered: 2004-09-21
Posts: 125

Re: [plugin] [ORPHAN] rss_thumbpop - Thumbnail Image Gallery w/ popups

Thanks Rob – this looks great. I have already installed it and will have a working version soon.

One feature that would be cool (for those of us with >lots< of images) would be the ability to set a limit to the number of images shown per page. You would then have to have back,next navigation to show additional images on subsequent pages (does that sentence make sense).

SH

Offline

#3 2004-12-08 17:02:26

wilshire
Plugin Author
From: Akron, Ohio
Registered: 2004-08-27
Posts: 656
Website

Re: [plugin] [ORPHAN] rss_thumbpop - Thumbnail Image Gallery w/ popups

Vitruvius – Yep, makes sense. Adding the ability to use paging was next on my list. I’m working on it now.

Offline

#4 2004-12-08 18:11:42

wilshire
Plugin Author
From: Akron, Ohio
Registered: 2004-08-27
Posts: 656
Website

Re: [plugin] [ORPHAN] rss_thumbpop - Thumbnail Image Gallery w/ popups

The plugin is now at version 0.2 and supports paging with the use of the <code><txp:newer></code> and <code><txp:older></code> tags. The plugin will even automatically output the links for you if you want.

rss_thumbpop documentation, example & download

Download rss_thumbpop

Last edited by wilshire (2006-01-05 01:56:26)

Offline

#5 2004-12-08 18:56:00

jbrew
Member
From: Imperial Beach, California
Registered: 2004-03-04
Posts: 78
Website

Re: [plugin] [ORPHAN] rss_thumbpop - Thumbnail Image Gallery w/ popups

This is really sweet! Nice job.

I started playing with it and have found a couple problems (tho it’s probably me…)

1. When using the mode=“float” and cols=“2” – the columns still display 3 not 2 or any other number I assign.

2. The showpagelinks are not working for me… not sure what to do to make them work. I used the styling you posted – but in the source there arent any <back or next> (which i did specify in the tag.

Maybe you could make your demo one that does everything and people can choose what to utilize or leave out…

Just some thoughts.

Thanks


To even the least of these…

Offline

#6 2004-12-08 19:20:41

wilshire
Plugin Author
From: Akron, Ohio
Registered: 2004-08-27
Posts: 656
Website

Re: [plugin] [ORPHAN] rss_thumbpop - Thumbnail Image Gallery w/ popups

jbrew –

1. I’ve tested using that configuration and don’t seem to have that problem.

2. The page links will only show if you have a limit set and they will show by default if that limit is set.

Somthing like this should work for you:
<code>
<txp:rss_thumbpop category=“pix” mode=“float” cols=“2” limit=“4” /></code>

If not, can you show me how you’re calling the tag and show me I page I can look at if possible?

Offline

#7 2004-12-08 22:10:58

jbrew
Member
From: Imperial Beach, California
Registered: 2004-03-04
Posts: 78
Website

Re: [plugin] [ORPHAN] rss_thumbpop - Thumbnail Image Gallery w/ popups

Cool. Thanks. Point 2 is working… point one still doesnt display…

calling it like this: < txp:rss_thumbpop category=“photos” mode=“float” label=“My Pictures” backlabel=”< back” nextlabel=“next >” cols=“1” limit=“2” nopop=“0” />

still displays 2 columns… but that is okay… just noticed it.


To even the least of these…

Offline

#8 2004-12-09 01:30:55

wilshire
Plugin Author
From: Akron, Ohio
Registered: 2004-08-27
Posts: 656
Website

Re: [plugin] [ORPHAN] rss_thumbpop - Thumbnail Image Gallery w/ popups

If this is the exact cut and paste from your code, the problem is the “smart quotes” on the last 3 attributes. I just tried it without them and got 1 column with 2 rows.
<code>
<txp:rss_thumbpop category=“photos” mode=“float” label=“My Pictures” backlabel=”< back” nextlabel=“next >” cols=“1” limit=“2” nopop=“0” />
</code>

btw, nopop=“0” is the default so you don’t have to specify that if you want popups.

Offline

#9 2004-12-09 12:44:14

Vitruvius
Plugin Author
Registered: 2004-09-21
Posts: 125

Re: [plugin] [ORPHAN] rss_thumbpop - Thumbnail Image Gallery w/ popups

wilshire – well done :)

I have already implemented it in a recently launched site using the plugin for their concept images.

Your timing is impeccable!

Not sure why the line breaks are so big – I am using the float mode and notice you are using a br tag to start a new line. It must be picking up some line spacing from on of the divs it is within.

Thanks again

SH

PS I also edited dca_popup to get rid of the scrollbars and try to get an even border of white around the pic.

Last edited by Vitruvius (2004-12-09 12:45:47)

Offline

#10 2004-12-10 00:20:31

jennycheuk
Member
Registered: 2004-03-15
Posts: 15
Website

Re: [plugin] [ORPHAN] rss_thumbpop - Thumbnail Image Gallery w/ popups

Vitruvius, can you kindly post your modified code of dca_popup here? It looks so nice on you site :)

Last edited by jennycheuk (2004-12-10 00:24:14)

Offline

#11 2004-12-11 03:54:18

Vitruvius
Plugin Author
Registered: 2004-09-21
Posts: 125

Re: [plugin] [ORPHAN] rss_thumbpop - Thumbnail Image Gallery w/ popups

Hi jenny,

I modified dca_pop as follows:

find the lines:
<pre><code>” onclick=\”“,“window.open(this.href, ‘popupwindow’, ‘width=”,$w,”,height=”,$h,
“,scrollbars,resizable’); return false;\”>”,</code></pre>

and change them to:

<pre><code>” onclick=\”“,“window.open(this.href, ‘popupwindow’, ‘width=”,$w+20,”,height=”,$h+20,
“,resizable’); return false;\”>”,</code></pre>

It’s not perfect – but it does look better.

SH

Last edited by Vitruvius (2004-12-11 03:59:34)

Offline

#12 2004-12-11 18:34:48

ChrisJ
Member
From: Vienna, Austria
Registered: 2004-03-30
Posts: 54
Website

Re: [plugin] [ORPHAN] rss_thumbpop - Thumbnail Image Gallery w/ popups

Heh, I see I am not the only one. I’ve added also this:

onkeypress=\"","window.open(this.href, 'popupwindow', 'width=",$w+20,",height=",$h+20,",resizable'); this.blur(); return false;\"

Offline

Board footer

Powered by FluxBB