/    Sign up×
Community /Pin to ProfileBookmark

Hi there,

I’m looking for an alternative to the front page image gallery. Usualy layout small thumbnail, larger picture with the posibility to add text.

Does anyone have the answer??

Cheers Si. ?

to post a comment
JavaScript

2 Comments(s)

Copy linkTweet thisAlerts:
@David_HarrisonMay 08.2005 — Here's something that might do what you want. It makes use of custom attributes which some JavaScript then picks up on and uses to create the pop-up windows.

There are 6 custom attributes in total and 5 of them are required while one is optional. The required attributes are; windowheight, windowwidth, imageheight, imagewidth and imagealt. Hopefully it's pretty obvious what they all do. The optional attribute is imagedescription, that's what will display a bit of text beneath the image.

If you do not use all 5 of the required attributes on the link then the script will ignore it completely.

Using this script will make your page invalid, that is to say that when you run your page through the W3C validator it will complain about the use of the custom attributes. I did try to modify an XHTML DOCTYPE so that the validator would accept them but it just seemed to ignore all of the alterations I had made.

[upl-file uuid=adf449a5-7655-4192-ad8b-23c19da70889 size=10kB]pop-upwindows.zip[/upl-file]
Copy linkTweet thisAlerts:
@speedbirdMay 08.2005 — I use [URL=http://www.ornj.net/software/webalbum/]Web Album Generator[/URL] , which integrates nicely with FP2003, is free and will validate.

"Web Album Generator is a free software application for Windows 98, ME, 2000, XP or higher that helps you easily create photo albums for the World Wide Web. Publishing your photographs to the Internet has never been easier! Simply drag-and-drop your digital photos onto Web Album Generator, give them optional titles and captions, select your favourite colour scheme and generate! Web Album Generator takes care of the dirty work, creating the necessary JPG thumbnails, HTML and CSS files with strict standards compliance."

You can also adjust the CSS to integrate it more closely with your site and you can see an example of this [URL=http://www.colinwatmough.com/gallery1.html]here[/URL].

HTH
×

Success!

Help @SimonBahr spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...