Quantcast

What is this web technology?

natobasso's picture

I'm impressed by this web technology but haven't put a name to it yet. I'm redesigning my company's website and want to use this feature to highlight our products and presentations.

Anyone know what type of code produces the effect when clicking on the 'Featured Gallery' links on this page?

http://www.churchmedia.cc

mara06's picture

You like that, huh?

I think it's annoying. But I'll bet with your more sophisticated design head, you could make it work to advantage. Hope somebody here knows the answer to your question.

Mara

Apfhex's picture

Gotta be the most popular

Gotta be the most popular trend on new websites. I've seen SOME nice implementations of it (the Churchmedia site isn't bad), but MOST of the time it just annoys me and makes me wait unnecessarily long with the animation.

geoff's picture

It's Lightbox

ireid's picture

Wow, thanks

I too have always wanted to know how to do this! Very interesting. I don't think its as annoying as a pop-up window and as long as you use it for small portfolio type images, its perfect, makes user concentrate on one thing at a time. Very handy.

"Try not, Do! or do not, there is no try."
-Yoda

natobasso's picture

Very cool, thanks geoff! I

Very cool, thanks geoff! I thought it was that since there are a lot of javascript call ups in the html code.

Ever since I started web design most clients ask for something a lot like this, "can you give me a photo gallery that moves?!" I love clients. :) But sometimes silly requests can cause innovation.

Thanks again!

----
Powerpoint is not a design application.

geoff's picture

Sorry, I was wrong

stephanie's picture

Light/Lyte Box

I actually am in the process of redesigning my website and using Lightbox for my portfolio. :) Highslide JS is another I've ran across that looked pretty neat.
------------
Perfectly Lost Designs

natobasso's picture

Very cool! I love this

Very cool!

I love this freakin website/forum/thang! Thanks guys.

----
Powerpoint is not a design application.

archmedia's picture

Highslide all the way

that's pretty sweet, the ability to enlarge multiple images at a time and slide them around. all the other alternatives (the ones all using the word light/lite/lite hahaha) they all seem to do that darkening of the background and only have one image at a time.

i'm really thinking of using this one, nice find and thanks for sharing it!!

____________________________________________
Architectural Technician - Multimedia Designer
www.ArchMedia.us

pokie's picture

Erm, I'm using something

Erm, I'm using something similar on the portfolio website I'm making. Mine you just rollover and rollout of.

smartgrafix's picture

Thickbox is another alternative

I've used Lightbox, but I prefer Cody Lindley's Thickbox - it seems more reliable & easier to implement. Just one word of warning though is not to use the latest jquery.js (one of 2 scripts necessary to make Thickbox work) as it has problems with IE6 (I'm using jquery-1.1.2.js & it works fine).
http://jquery.com/demo/thickbox/

geoff's picture

which?

Jquery has problems with IE6 or Thickbox has problems with IE6?

smartgrafix's picture

Latest version of jQuery is

Latest version of jQuery is the problem, but 1.1.2 works fine. To implement Thickbox your webpage will need to call:
• jQuery.js
• thickbox.js
• thickbox.css (can be a separate css file or rolled into your main css)

The thing i really like about Thickbox is it will resize images that are bigger than the browser window. So, no matter what resolution the viewers monitor, you know that images will display without cropping.

I'm developing a website at the moment using it. If you're interested you can see it here:
http://www.smartgrafix.com.au/stb/galleries.php
I have it in a directory on my website so the client is able to review it. Please note this is under development & there is duplicated content & also unresolved css problems in IE6.

You'll see that this is quite a large thumbnail gallery that needs scrolling down to view in its entirety. The problem created with the latest jQuery in IE6 is that if you've scrolled to one of the lower images Thickbox opens the image at the top of the page ((so it's either only partially visible or out of sight all together). I found out this the hard way, googled the problem & found the solution in a forum where others had experienced the same problem.

kyao888's picture

nice post

I have seen this before. I thought it was just a simple load and unload swf files. I'm definitely going to try this on my next project.

Great resources!

----------------------------------------------------
Preface Media, Inc.
eCatalog|ePages|Virtual3D|LocateMe
www.PrefaceMedia.com

JimD's picture

I don't care for it

You can't download the images, at least not easily. And it's also slow as heck.

-----------
Visit Creative Guy for graphics and Mac OS tips, tricks, tutorials and commentary

natobasso's picture

Not being able to download

Not being able to download can be a good thing if you want to protect your images, though screen shots work just as well for this...

----
Powerpoint is not a design application.

pokie's picture

I thought the same thing.

I thought the same thing.

geoff's picture

right-click

Most people won't know this but if you right click the thumbnail and open it in a new tab you can download the photo. I think the code could be changed to allow this during the slideshow though. It's probably worth writing to the author about it too.

smartgrafix's picture

Thickbox (see earlier post

Thickbox (see earlier post above) supports right-click>"Save Image As". The js is also much smaller/quicker than Lightbox.
Think both techniques are great - no pop-up nor new window - nice & intuitive for the user.

geoff's picture

Slowness?

To the people that says it slow, what do you mean? The animation or the loading is slow? It's pretty quick on my old G5. I'm using Firefox too - I think Safari's javascript is faster than Firefox.

dnl's picture

help!!

anyone knows what's the font of CHURCHMEDIA.CC logo??

archmedia's picture

argh..

not only did you join just to ask this, but you made a whole forum thread for this exact thing (which i just replied to!) but you go and post it in an irrelevant forum thread too?!?!
____________________________________________
Architectural Technician - Multimedia Designer
www.ArchMedia.us

User login

Partner With Us













Latest critique

Cyber Park Logo Contest