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

els · 2005-08-30 21:13:56

> wilshire wrote:

> <code>display:block;</code> might do the trick.

Ah, thank you, hadn’t thought of that. For that particular site I couldn’t change the width, so all I could think of was modifying the code. But this is better of course.

haggis · 2005-08-31 18:05:19

> wilshire wrote:

> You should be able to solve the problem using CSS. The caption is displayed in a span so that you have the ability to style it as you need. <code>display:block;</code> might do the trick. You might also try changing the width of the container that image is in.

That’s what I was looking for thanks.
I’d tried .cap {clear: both;} but it didn’t work, display: block; is what I want.
Obviously I need more CSS practice.
thx

june · 2005-09-01 19:22:08

Hi,

I had a feature request. I would love it if this plugin could be section 508 compliant. For instance, to see the larger image you use the “onclick” device handler. Is it possible to also include the same code for “onkeypress” too? Anyone that relies on keyboard navigation can’t open the images.

thanks!

june

june · 2005-09-02 18:07:04

To answer my own question, I altered the following code in the plugin:
<code>
} else if ($jpop) { $events = ($clickonly) ? ‘onclick=“return showPic(this)” onkeyup=“return showPic(this)”’ : ‘onmouseover=“return showPic(this)” onclick=“return showPic(this)” onkeyup=“return showPic(this)”’; $imgtag = ‘<a ‘.$events.’ href=”’.$full.’” title=”’.$alt.’”>’.$img.’</a>’; $blankimg = ($showblank) ? $blankimg : $full; $divimg = ‘<div id=“fullsize”><div id=“desc”>Mouse over a thumbnail to view</div><img id=“placeholder” src=”’.$blankimg.’” alt=”“ /></div>’ ;
</code>

I added the “onkeyup” events. If you hadn’t guessed I’m using the “jpop” version. Now, as you tab through the thumbnails, they are displayed as the big image.

-june

infusion · 2005-09-02 18:10:13

Hi wilshire,

I’m currently using rss_thumbpop as a free wallpaper gallery and I have 2 questions

1. When using the float mode, my page doesn’t validate well. Here’s a sample of the error message

<code> Warning Line 114 column 79: cannot generate system identifier for general entity “pic”.
…/index.php?file=thumbpop&pic=6”><img class=“rssThumb” src=“http:/
An entity reference was found in the document, but there is no reference by that name defined. Often this is caused by misspelling the reference name, unencoded ampersands, or by leaving off the trailing semicolon (;). The most common cause of this error is unencoded ampersands in URLs as described by the WDG in “Ampersands in URLs”.

Entity references start with an ampersand (&) and end with a semicolon (;). If you want to use a literal ampersand in your document you must encode it as “&” (even inside URLs!). Be careful to end entity references with a semicolon or your entity reference may get interpreted in connection with the following text. Also keep in mind that named entity references are case-sensitive; &Aelig; and æ are different characters.

If this error appears in some markup generated by PHP’s session handling code, this article has explanations and solutions to your problem.

Note that in most documents, errors related to entity references will trigger up to 5 separate messages from the Validator. Usually these will all disappear when the original problem is fixed.

Line 114 column 79: general entity “pic” not defined and no default entity. …/index.php?file=thumbpop&pic=6”><img class=“rssThumb” src=“http:/ This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details. </code>

so how do i rectify this error message?

2. This is more of a CSS question thrown out to everyone. I’m using a 3 column table less layout and the gallery is in the middle column. To fit to the 3 most common screen resolutions (1280*1024, 1024*768, 800*600), I did a 3 image float per row with each image being about 100px wide. My question is how do I make these floats centred irregardless of resolution?

Thanks in advance.

P.S. I had to add scrollbars for the popups because of large wallpaper. Hehz

Last edited by infusion (2005-09-02 18:10:58)

duchamp · 2005-09-09 00:22:47

I’m having some trouble with pagination
The gallery layout is 3 columns x 3 rows, that’s 9 thumbs per page using divpop to load the full image into the same page (reloading it).
Actually the gallery has 10 pics, that activate the pagination to show 1 thumb in the second page, when this thumb is clicked the first page is reloaded and can’t show the full image from page 2.
This is what I’m using in my gallery page template:

The site use clean URLs (section/title).

Any idea about this?

realish · 2005-09-27 07:16:06

Hi Wilshire — this plugin is brilliant. I have two feature requests.

1. Most important: please, please, please, is there some way to implement an “orderby=name desc”? I have all my photos named in chronological order (but not, sadly, uploaded or exif tagged that way). But I want the most recent photos at the top. Is there any way to reverse the name display order? If there’s some modification to the code I haven’t figured out, please let me know. This one would really save me.

2. Less important: it would be nice, for pagepop, to have navigation in the popup window, so users could navigate through the full size images without having to click on each thumbnail individually.

My apologies if either of these have been addressed before — I only skimmed the previous 8 pages.

UPDATE

Well I’ll be damned. I added this to the plugin code:

case “namedesc”: $obfield=” ORDER BY name desc”; break;

And it worked! So, uh… nevermind.

Last edited by realish (2005-09-27 07:50:11)

boblet · 2005-10-10 01:07:47

Hi All,

Can someone give me some Javascript advice? I’m using rss_thumbpop’s jpop setting, however I’d like to display the image’s caption text along with it’s name when the image is selected (for a portfolio). I can turn this on for the thumbnails using showcaption="1" showalt="1", but the selected image only displays the a href’s title information:

But it would be even better to replace the desc text with the content of the title attribute from the whichpic link:
document.getElementById('desc').childNodes[0].nodeValue = whichpic.title;

The image’s caption info is available in the img tag’s title, whereas the image’s alt info (used above) is in the image’s a href title. How would I get say a second div with id desc2 replaced by whichpic’s image tag title, the caption text?

Thanks in advance!

PS I can replace the a href title text with the caption, but would really like both the image title and caption, and unfortunately a href doesn’t support any other relevant attributes like img’s longdesc.

Last edited by boblet (2005-10-10 02:37:23)

theturninggate · 2005-10-13 01:07:07

I’ve been using rss_thumbpop for ages and love it. Would like to change the functionality of the gallery located at http://projectseoul.com/gallery/, though, if possible. Is there any way I can link the thumbnails back to the articles that contain each photo (mostly to enable commenting from within the gallery)?

I was eyeing the “usearticle” group of attributes, but can’t quite figure out how to use them or what they’re actually capable of. Any ideas?

jstubbs · 2005-10-15 10:56:33

How can one turn off the “mouse over thumbnail to view”? I have this:
<code>
<txp:rss_thumbpop category=“Illustration” mode=“float” fullontop=“0” label=“0” orderby=“caption” showcaption=“0” jpop=“1” clickonly=“1” />
</code>

Think I read somewhere that one should have site status set to production, on my TXP it is set to production.

jstubbs · 2005-10-15 13:01:55

And another question – with the same code as my last post above – I have set up a test gallery with 4 images. 3 are 400×400px and the 4th images is 667×400px. If one clicks on the first 3 images they display correctly, but after clicking on the largest image, the first 3 images are then stretched to 667px wide!

Textpattern CMS

Textpattern CMS support forum

#193 2005-08-30 21:13:56

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

#194 2005-08-31 18:05:19

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

#195 2005-09-01 19:22:08

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

#196 2005-09-02 18:07:04

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

#197 2005-09-02 18:10:13

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

#198 2005-09-09 00:22:47

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

#199 2005-09-27 07:16:06

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

#200 2005-10-10 01:07:47

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

#201 2005-10-13 01:07:07

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

#202 2005-10-15 10:56:33

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

#203 2005-10-15 13:01:55

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

Board footer