Quantcast
A Graphics.com site
natobasso's picture
4004 pencils

What is this web technology?

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
2153 pencils

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
325 pencils

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
118 pencils
ireid's picture
1306 pencils

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
4004 pencils

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
118 pencils
stephanie's picture
522 pencils

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
4004 pencils

Very cool!

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

----
Powerpoint is not a design application.

archmedia's picture
584 pencils

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
1213 pencils

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

smartgrafix's picture
72 pencils

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
118 pencils

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

smartgrafix's picture
72 pencils

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
11 pencils

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
2549 pencils

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

-----------
Visit The Graphic Mac for graphics and Mac OS tips, reviews, tutorials and discussion.

natobasso's picture
4004 pencils

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
1213 pencils

I thought the same thing.

geoff's picture
118 pencils

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
72 pencils

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
118 pencils

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
6 pencils

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

archmedia's picture
584 pencils

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

Latest critique

  • Frey's Boutique
  • New Macsolutions logo /BC - Advice Appreciated

On Demand Videos

Photoshop: From Ho-hum to Wow!
You can use Photoshop to bring out the magic of photos that are muddy, soft, or blandly composed.
watch a preview

On Demand Videos: Video tutorials for advertising pros and designers providing tools and information you can trust — and use — on your very next project. Subscribe today!

Creativebits recommends

stocklogos.com logoawards.mediabistro.com

Marketplace