![]() If your not sure what these names are, you can go back into iWeb and take a peek. When it says “pagename” that means whatever the title of your webpage you are doing this one in the sidebar of iWeb and imagename is the name of the photo you put on the page. Title="Click to Enlarge" onclick="return hs.expand(this)"> Step 7) Now we’re going to find and replace one more item: Hs.wrapperClassName = 'draggable-header no-footer' EVERWEB BEST IMAGE TYPE CODEStep 6) Open your favorite HTML Editor (Coda, Espresso, TextEdit) and you are going to find and replace the code below: When publishing iWeb makes a index.html file and your site folder (named whatever you named it in iWeb), this is the folder you want to drop this highslide folder into.) Drop that folder into your published site folder (not your webpage folder). Step 5) Unzip the downloaded file called “highslide_iweb.zip” and you will see a folder simply called “highslide”. I’ve made a special iWeb version of Highslide to simplify things. Step 3) Publish site to Folder, Server, or MobileMe iDisk – Whatever your method is. Choose to Link To: “A File” and choose the same image (so it basically it is linked to its self). Step 2) Open up the inspector and make it a hyperlink in the hyperlink inspector. Step 1) Add an any image(s) or graphic(s) to your page in iWeb. To get started I will separate the tip into Images, Flash, and iFrames (which would include any other html page (websites, videos, youtube, etc)). Highslide with Images | Highslide with Flash Files | Highslide with iFrames So here is an easiest way I’ve found to get it into iWeb. 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. Just as long as you have some way to edit the html after iWeb publishes. This tutorial you will need the use of an HTML editor like Coda, Espresso, Dreamweaver, even TextEdit. Though FancyZoom is a bit more light weight, there are some great advantages to Highslide. The difference is, is that this one will give you the ability to zoom more than just images. 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. Here it is, finally a fancy zoom that will allow us to get not only images, but flash, video, and other html content. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |