Next Prev

Frog Js

FrogJS ia a demo with a gallery effect, perfect for showing photo stories.
Can be used in the easiest way, not obtrusive JavaScript gallery.
To test it please click the parrot and you will move through the gallery.

Visit PhpDaddy.com

Play with this script by changing the html bellow. Submit your changes by clicking on this bar. Refresh the page to reset changes.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head profile="http://gmpg.org/xfn/11">
<base href="http://www.ajaxdaddy.com/web20/prototype/frogjs-gallery/">
      <style type="text/css">
        body {color: white;background: #52616F;} 
        a {  color: white; }
      </style>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>FrogJS Example Gallery</title>
		<script type="text/javascript" src="javascript/prototype.js"></script>
		<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="javascript/frog.js"></script>	
		<style type="text/css">
			body{
				text-align: center;
				font-family: verdana, arial, sans-serif;
				font-size: .7em;
			}
			#FrogJS{
				width: 760px;
				height: 600px;
				margin: 0 auto;
			}
			#FrogJSCredit{
				text-align: right;
				font-size: 80%;
				color: #999;
				padding: 1px;
			}
			#FrogJSCaption{
				text-align: left;
				line-height: 140%;
			}
		</style>
	</head>
	<body>
  
		<h1>FrogJS Example Gallery</h1>
		<div id="FrogJS">
			<a href="images/1.jpg" title="Jolie Myers / The State News" rel="http://portfolio.statenews.com/users/Jolie_Myers/">
				<img src="images/1_thumb.jpg" alt="An attendee of Rabbi Hendel Weingarten's Purim service at Chabad House on Elizabeth Street in East Lansing uses a noisemaker after the name of Haman is read. Purim is a Jewish holiday that celebrates the deliverance of the Jews from an evil plot conceived by Haman, as chronicled in the Megillah, or book of Esther. Rabbi Mordechai Haller read the Megillah to a group including about 15 MSU students who would blot out the name Haman using noisemakers each time it was read." />
			</a>
			<a href="images/2.jpg" title="Jolie Myers / The State News">
				<img src="images/2_thumb.jpg" alt="Junior wide receiver Terry Love is taken down by Illinois safety Kyle Knezetic September 30 at Spartan Stadium. The Fighting Illini beat the Spartans, 23-20, with a fourth-quarter field goal scored in the last 20 seconds of the game." />
			</a>
			<a href="images/3.jpg" title="Jolie Myers / The State News" rel="http://portfolio.statenews.com/users/Jolie_Myers/">
				<img src="images/3_thumb.jpg" alt="Redshirt senior defenseman Greg Janicki fights for ball control against Wisconsin forward Eric Conklin September 24 at Old College Field." />
			</a>
			<a href="images/4.jpg" title="Jolie Myers / The State News">
				<img src="images/4_thumb.jpg" alt="Kevin Bozeman performs his comedy routine at Connxtions Comedy Club in Lansing shortly after the death of Richard Pryor. Bozeman said Pryor influenced all comedians, not just black performers." />
			</a>
			<a href="images/5.jpg" title="Jolie Myers / The State News" rel="http://portfolio.statenews.com/users/Jolie_Myers/">
				<img src="images/5_thumb.jpg" alt="Members of RISE, or the Residential Initiative on the Study of the Environment, and Gunnisonville Elementary students secure plastic to the top of a greenhouse at the school in Lansing. The students will plant food that will eventually be donated to low-income families in Lansing." />
			</a>
		</div>
	</body>
</html>

Play with this script by changing the html above. Submit your changes by clicking on this bar. Refresh the page to reset changes.

Comment on this example

Engin Bitki

2008-04-27 06:46:47

Very nice gallery animation. Best regards.

Jeff

2007-11-09 11:59:35

the script frog.js pointing on my site at www.betfer.co.uk/ruwett make the thumbs load sometimes and sometimes not ..i have to refresh the page to continue ..a script bug??

Welcome to AjaxDaddy.com

A large collection of nifty web 2.0 demos

Frog Js

FrogJS ia a demo with a gallery effect, perfect for showing photo stories.
Can be used in the easiest way, not obtrusive JavaScript gallery.
To test it please click the parrot and you will move through the gallery.

Comment on this example

Welcome to AjaxDaddy.com

A large collection of nifty web 2.0 demos

Frog Js

FrogJS ia a demo with a gallery effect, perfect for showing photo stories. Can be used in the easiest way, not obtrusive JavaScript gallery. To test it please click the parrot and you will move through the gallery.

Comment on this example

FrogJS ia a demo with a gallery effect, perfect for showing photo stories.
Can be used in the easiest way, not obtrusive JavaScript gallery.
To test it please click the parrot and you will move through the gallery.