Wavesalon javascript slideshow code - Revision history

Jfreier at 16:15, 10 March 2011

2011-03-10T16:15:43Z

Jfreier at 16:15, 10 March 2011

2011-03-10T16:15:32Z

Jfreier at 16:13, 10 March 2011

2011-03-10T16:13:34Z

Jfreier at 18:13, 8 March 2011

2011-03-08T18:13:04Z

Jfreier at 18:12, 8 March 2011

2011-03-08T18:12:12Z

Jfreier at 18:12, 8 March 2011

2011-03-08T18:12:00Z

Jfreier at 18:11, 8 March 2011

2011-03-08T18:11:44Z

Jfreier at 18:11, 8 March 2011

2011-03-08T18:11:01Z

Jfreier at 18:10, 8 March 2011

2011-03-08T18:10:12Z

Jfreier at 18:07, 8 March 2011

2011-03-08T18:07:04Z

← Older revision		Revision as of 16:15, 10 March 2011
Line 10:		Line 10:
	Change the direction of caption, slideshow.css, line 93.		Change the direction of caption, slideshow.css, line 93.
	bottom: 1;		bottom: 1;
−
−

@@ Line 2: / Line 2: @@
 http://www.electricprism.com/aeron/slideshow/
-Modify Caption
+Modify Caption location - slideshow.js
 Lines 154-155 move right below "//require elements" line 134
   if (this.options.captions)
        this._captions();

← Older revision		Revision as of 16:13, 10 March 2011
Line 1:		Line 1:
		+	Web Widget Site
	http://www.electricprism.com/aeron/slideshow/		http://www.electricprism.com/aeron/slideshow/

		+	Modify Caption
		+	Lines 154-155 move right below "//require elements" line 134
		+	if (this.options.captions)
		+	this._captions();
		+
		+
		+
		+
		+
		+	Main Page code.

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

← Older revision		Revision as of 18:13, 8 March 2011
Line 1:		Line 1:
		+	http://www.electricprism.com/aeron/slideshow/
		+
		+
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">		<html xmlns="http://www.w3.org/1999/xhtml">

@@ Line 44: / Line 44: @@
   </head>
   <body>
-      div id="show" class="slideshow">
+      < div id="show" class="slideshow">
            <img src="images/1.jpg" alt="Volcano Asención in Ometepe, Nicaragua." />
-       /div>
+       < /div>
   </body>
   </html>

@@ Line 26: / Line 26: @@
               };
               var myShow = new Slideshow.KenBurns('show', data, { captions: true, controller: false, delay: 3000, duration: 1000, height: 500, width: 600 });
-−
               $('show').addEvent('click', function(){
                    window.location='http://www.google.com';

@@ Line 46: / Line 46: @@
       <div id="show" class="slideshow">
            <img src="images/1.jpg" alt="Volcano Asención in Ometepe, Nicaragua." />
-     </div>
+      </div>
   </body>
   </html>

@@ Line 2: / Line 2: @@
   <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-	<title>Slideshow 2!</title>
+      <title>Slideshow 2!</title>
-	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-	<meta name="author" content="Aeron Glemann (http://www.electricprism.com/aeron/)" />
+      <meta name="author" content="Aeron Glemann (http://www.electricprism.com/aeron/)" />
-	<link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" />
+      <link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" />
-	<script type="text/javascript" src="js/mootools.js"></script>
+      <script type="text/javascript" src="js/mootools.js"></script>
-	<script type="text/javascript" src="js/slideshow.js"></script>
+      <script type="text/javascript" src="js/slideshow.js"></script>
-	<script type="text/javascript" src="js/slideshow.kenburns.js"></script>
+      <script type="text/javascript" src="js/slideshow.kenburns.js"></script>
-	<script type="text/javascript">
+      <script type="text/javascript">
-	//<![CDATA[
+           window.addEvent('domready', function(){
-	  window.addEvent('domready', function(){
+                var data = {
-	    var data = {
+                            'http://wavesalon.biz/wp-content/uploads/2010/10/WS10_597_LR-72-Web900L.jpg': { caption: 'Click to enter.' },
-	      'http://wavesalon.biz/wp-content/uploads/2010/10/WS10_597_LR-72-Web900L.jpg': { caption: 'Click to enter.' },
+                            'http://wavesalon.biz/wp-content/uploads/2010/06/WS10_129_LR-72-Web900L.jpg': { caption: 'Click to enter.' },
-	      'http://wavesalon.biz/wp-content/uploads/2010/06/WS10_129_LR-72-Web900L.jpg': { caption: 'Click to enter.' },
+                            'http://wavesalon.biz/wp-content/uploads/2010/06/WS10_411_LR-72-Web900L1.jpg': { caption: 'Click to enter.' },
-		 'http://wavesalon.biz/wp-content/uploads/2010/06/WS10_411_LR-72-Web900L1.jpg': { caption: 'Click to enter.' },
+                            'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_423_LR-72-Web900L1.jpg': { caption: 'Click to enter.' },
-		 'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_423_LR-72-Web900L1.jpg': { caption: 'Click to enter.' },
+                            'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_256_LR-72-Web900L1.jpg': { caption: 'Click to enter.' },
-		 'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_256_LR-72-Web900L1.jpg': { caption: 'Click to enter.' },
+                            'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_366_LR-72-Web900L1.jpg': { caption: 'Click to enter.' },
-		 'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_366_LR-72-Web900L1.jpg': { caption: 'Click to enter.' },
+                            'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_179_LR-72-Web900L1.jpg': { caption: 'Click to enter.' },
-		 'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_179_LR-72-Web900L1.jpg': { caption: 'Click to enter.' },
+                            'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_190_LR-72-Web900L.jpg': { caption: 'Click to enter.' },
-		 'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_190_LR-72-Web900L.jpg': { caption: 'Click to enter.' },
+                            'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_267_LR-72-Web900L.jpg': { caption: 'Click to enter.' },
-		 'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_267_LR-72-Web900L.jpg': { caption: 'Click to enter.' },
+                            'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_039_LR-72-Web900L.jpg': { caption: 'Click to enter.' },
-		 'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_039_LR-72-Web900L.jpg': { caption: 'Click to enter.' },
+                            'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_160_LR-72-Web900L.jpg': { caption: 'Click to enter.' },
-		 'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_160_LR-72-Web900L.jpg': { caption: 'Click to enter.' },
+                            'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_015_LR-72-Web900L.jpg': { caption: 'Click to enter.' }
-		 'http://wavesalon.biz/wp-content/uploads/2010/07/WS10_015_LR-72-Web900L.jpg': { caption: 'Click to enter.' }
+             };
-	    };
+             var myShow = new Slideshow.KenBurns('show', data, { captions: true, controller: false, delay: 3000, duration: 1000, height: 500, width: 600 });
-	    var myShow = new Slideshow.KenBurns('show', data, { captions: true, controller: false, delay: 3000, duration: 1000, height: 500, width: 600 });
-       $('show').addEvent('click', function(){
+             $('show').addEvent('click', function(){
-	    	      //alert('clicked!');
+                  window.location='http://www.google.com';
-	    	      window.location='http://www.google.com';
+             });
-	  });
+             $('show').addEvent('mouseenter', function(){
-	  $('show').addEvent('mouseenter', function(){
+                  document.body.style.cursor='pointer'
-			document.body.style.cursor='pointer'
+             });
-	  });
+             $('show').addEvent('mouseleave', function(){
-	  $('show').addEvent('mouseleave', function(){
+                  document.body.style.cursor='auto'
-			document.body.style.cursor='auto'
+             });
-	  });
+         });
-	  });
+        </script>
-−
-−
-	//]]>
-	</script>
   </head>
   <body>
-   <div id="show" class="slideshow">
+     <div id="show" class="slideshow">
-     <img src="images/1.jpg" alt="Volcano Asención in Ometepe, Nicaragua." />
+          <img src="images/1.jpg" alt="Volcano Asención in Ometepe, Nicaragua." />
-   </div>
+     </div>
   </body>
   </html>

@@ Line 1: / Line 1: @@
-  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml">
   <head>