So I know that I have done 3 other tips similar to this one (Fancyzoom, Highslide, and Lytebox) and I thought I was done posting tips about the fanzy popup realm, but when I found this effect I just had to post it. This in my opinion in the mother of all popup effects. Why? Because it supports so many formats natively to it. You can do, of course image, but it can also do swf’s, html, flv’s, YouTube, mov (Quicktime), even wmv (windows media), and more. It’s fantastic and works pretty much just like the other effects. So if you have done my other fancy popup tutorials than you will kindof already understand how this one works. But here goes the tutorial on how to do it.
So I know I’ve been on this kick of the little pop-up effect in iWeb and the FancyZoom and Highslide effects I thought we’re enough, but then I came across this effect here and found it to be pretty easy to implement (easier than Highslide), I thought I’d post this one as well. So here we go:
Here it is, finally a fancy zoom that will allow us to get not only images, but flash, video, and other html content. So first let me answer the question, what is Highslide JS? Highslide JS is a great way to get that ever so popular image zoom effect just like the fancy zoom post I did in the past. The difference is, is that this one will give you the ability to zoom more than just images. Though FancyZoom is a bit more light weight, there are some great advantages to Highslide. This tutorial you will need the use of an HTML editor like Coda, Espresso, Dreamweaver, even TextEdit. Just as long as you have some way to edit the html after iWeb publishes. I try to do as many tutorials trying not to get into post published html, but sometimes you just gotta do it to get the desired effect. So here is an easiest way I’ve found to get it into iWeb.
FancyZoom in iWeb, huh? What’s that. Well there are a many websites these days that have that popular image zoom effect so that when you click on the image it animates the photo larger. Well many have asked, how can I do that with iWeb? Well here it is, this is the tutorial to show you just how to do that. Keep in mind this one is a bit more complex, but it can be done without getting your hands to dirty in code.