New gallery version 2 - Post ID 276714

User 2823310 Photo


Registered User
312 posts

I wrote another option for a gallery. This one uses small images for the thumbnails for faster loading, then gets their links to replace the large image. The first one I wrote uses just the large pictures so this ones better if you have a ton of pictures to show. I also put in the option to use the alt tag as a caption, and the title tag as a description.

The temporary test link is here:
http://gordw.com/rsd/test/index.html

I wrote this to use on a site I'm building so I'll add it to the tutorials when I get a chance...
User 2823310 Photo


Registered User
312 posts

Added a quick step by step so you can try it out....
you might need to refresh/reload your browser on that page to see the change.

You can style it a lot of different ways so if you have a chance show me what you do with it.
This one I had to write it so it could only be used once per page though, I may revisit that later.
User 2823310 Photo


Registered User
312 posts

Well it took a couple of days to figure it out but I now have it so you can use it as many times you want on a page. So you can go gallery crazy with it... and this will be the final version for the tutorial (when I get to that part).

The temporary test link is here:
http://gordw.com/rsd/test/index.html

You may have to refresh / reload your browser to see the new changes
User 187934 Photo


Senior Advisor
20,271 posts

That jQuery closest and similar are so cool to work with.:cool:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2823310 Photo


Registered User
312 posts

Yeah Eric, you did a lot of this kind of thing for vsd didn't you? I wanted to keep it in a few lines of code and with RSD you can't use a wrapper to single out the gallery links because the absolute css positioning for the caption needs to be in it's own column. That's when it got really tricky. So since RSD wraps it all in the columns had to use those then closest to get the variables. It is kind of cool how jQuery makes javascript an easier language to work with though isn't it?
The thing is as you know, you never know if anyone is actually using these things... anyway it's fun working it out.
User 2699991 Photo


Registered User
5,397 posts

Alter Eagle wrote:
Yeah Eric, you did a lot of this kind of thing for vsd didn't you? I wanted to keep it in a few lines of code and with RSD you can't use a wrapper to single out the gallery links because the absolute css positioning for the caption needs to be in it's own column. That's when it got really tricky. So since RSD wraps it all in the columns had to use those then closest to get the variables. It is kind of cool how jQuery makes javascript an easier language to work with though isn't it?
The thing is as you know, you never know if anyone is actually using these things... anyway it's fun working it out.


I have used the gallery thingy 3 times on different sites..... it's pretty neat, quick & simple to do/customise

thanks for that one (& others)

Wayan
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2823310 Photo


Registered User
312 posts

Well thank-you for saying so Wayan.
That one you can only use once without changing the script and it's a bit easier since it uses the one large image. This one is more efficient when you have a ton of photos on one page.
User 187934 Photo


Senior Advisor
20,271 posts

Alter Eagle wrote:
Yeah Eric, you did a lot of this kind of thing for vsd didn't you? I wanted to keep it in a few lines of code and with RSD you can't use a wrapper to single out the gallery links because the absolute css positioning for the caption needs to be in it's own column. That's when it got really tricky. So since RSD wraps it all in the columns had to use those then closest to get the variables. It is kind of cool how jQuery makes javascript an easier language to work with though isn't it?
The thing is as you know, you never know if anyone is actually using these things... anyway it's fun working it out.

I use the various targeting of jquery for several sites that I have dynamic content on. Makes it so easy to only have one line of jquery that will cover an infinite amount of html.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.