What is this web technology?
natobasso (4004 points) | Mon, 2007-07-30 18:29I'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?
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
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.
http://www.huddletogether.com/projects/lightbox/
A free javascript gallery.
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
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.
----
The Salon Design Tech
It's Lytebox.
http://www.dolem.com/lytebox/
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
Very cool!
I love this freakin website/forum/thang! Thanks guys.
----
Powerpoint is not a design application.
----
The Salon Design Tech
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
Erm, I'm using something similar on the portfolio website I'm making. Mine you just rollover and rollout of.
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/
Jquery has problems with IE6 or Thickbox has problems with IE6?
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.
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
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.
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.
----
The Salon Design Tech
I thought the same thing.
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.
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.
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.
anyone knows what's the font of CHURCHMEDIA.CC logo??
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