Alternative to Image Zoom Scripts


	Alternative to Image Zoom Scripts
WebWolf Hosting
5-9-2008 3:29 PM
1128 views
WebWolf Hosting says:
This is a really cool image zoom script.
1 Comment |
Add a Comment
Login to Comment. Not a member yet? Sign up
Today's Top Clips

visit the Top Clips page
View the Top Clips from May 9, 2008
Embed This Clip In Your Site...
<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/87ff65ff-e3e0-458d-9e07-ff6ee5bbf9e5/62B62383-49A3-4C45-A53A-300FBAC5C55E/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://fancy.klade.lv/" href="http://fancy.klade.lv/" style="font-size: 11px;">fancy.klade.lv</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><DIV id="header">
    		<H1><A href="http://fancy.klade.lv/">Fancybox - simple and fancy jquery plugin</A></H1>
    		<DIV><A href="http://fancy.klade.lv/fancybox/fancybox_1.0.0.zip"><IMG alt="Download" src="http://fancy.klade.lv/img/down.png" id="download" /></A></DIV>
    	</DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/">Because I was bored by so many pages using lightbox and it`s clones, <BR /> I wanted something fresh and Mac-like. I couldn`t find any cool alternative that would be build on top of jQuery, so the FancyBox was born. <B>Features</B>:</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><li style="margin-left:16px;padding-left: 0px;">Automatically scales large images to fit in window</LI>
					<li style="margin-left:16px;padding-left: 0px;">Adds a nice drop shadow under the zoomed item</LI>
					<li style="margin-left:16px;padding-left: 0px;">Groups related items and adds navigation through them (uses preloading)</LI>
					<li style="margin-left:16px;padding-left: 0px;">Can display images, inline and iframed content</LI>
					<li style="margin-left:16px;padding-left: 0px;">Customizable through settings and CSS</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><B>Fancy single images</B></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/fancy.klade.lv/img/3E265490-EE09-4453-9E48-4D8673EA1C43" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/fancy.klade.lv/img/5AF28392-91C5-4793-8914-1924E67DF974" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/fancy.klade.lv/img/8C68D5B2-CA9A-4C40-BF7C-EC97F561028A" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><B>Grouped images (no zooming animation, adds overlay)</B></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/fancy.klade.lv/img/5029A994-C611-4C0C-AF87-4F86A11F6CED" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/fancy.klade.lv/img/F32B0B69-DF06-4FFE-A5B1-42C24228D6DC" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/fancy.klade.lv/img/88FC8CD4-CC96-437B-90FE-AA0832A012F6" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><B>More usage examples</B></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><TH>Custom defined image set</TH></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/fancy.klade.lv/img/2723E835-608B-495B-AA92-44156D3C6F9A" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><TH>Inline content</TH></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/fancy.klade.lv/img/5E76D5E7-ACC2-483D-95AD-5F0B16145B37" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><TH>Iframed content</TH></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://fancy.klade.lv/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/fancy.klade.lv/img/AB9E40BC-0018-492A-BBF5-B56EBD0C8533" alt="" /></div></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/62B62383-49A3-4C45-A53A-300FBAC5C55E/blog/" title="blog or email this clip"><img src="http://content7.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>
New from the makers of Clipmarks: Amplify.com - Don't just share the news...Amplify it!
Clipmarks: Home; New Clips; Top Clips; Dashboard
Popular Topics: News; Life; Science; Technology; Entertainment
Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch
Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map
About Clipmarks: About Us; Contact; Copyright; Privacy; EULA
Search Options

Today's Top Clips
