Permalink
Switch branches/tags
Find file
Fetching contributors…
Cannot retrieve contributors at this time
1 lines (1 sloc) 4.51 KB
<!DOCTYPE html><!--[if IE 6 ]><html class="ie ielt9 ielt8 ielt7 ie6" lang="en-gb"><![endif]--><!--[if IE 7 ]><html class="ie ielt9 ielt8 ie7" lang="en-gb"><![endif]--><!--[if IE 8 ]><html class="ie ielt9 ie8" lang="en-gb"><![endif]--><!--[if IE 9 ]><html class="ie ie9" lang="en-gb"><![endif]--><!--[if (gt IE 9)|!(IE)]><!--><html lang="en-gb"><!--<![endif]--><head><title>Flickrshow &ndash; Example 4</title><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="author" content="Ben Sekulowicz-Barclay"><meta name="description" content="Flickrshow - Example 4"><meta name="keywords" content=""><link rel="shortcut icon" href="favicon.ico"><link rel="stylesheet" href="static/styles/flickrshow.min.css"><script src="static/scripts/external/modernizr-1.6.min.js"></script></head><body><div id="screen"><header><h1>Using Callbacks</h1><h2><a href="index.html">Home</a> | <a href="example_1.html">Example 1</a> | <a href="example_2.html">Example 2</a> | <a href="example_3.html">Example 3</a> | Example 4</h2></header><section><div class="example" id="cesc"><p>Please enable Javascript to view this slideshow.</p></div><!-- .example#section-1-example --><ol class="code"><li><code class="prettyprint">&lt;div class="example" id="cesc"&gt;</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;Please enable Javascript to view this slideshow&lt;/p&gt;</code></li><li><code class="prettyprint">&lt;/div&gt;</code></li><li><code class="prettyprint">...</code></li><li><code class="prettyprint">&lt;script src="http://www.flickrshow.com/static/scripts/flickrshow-7.2.min.js"&gt;&lt;/script&gt;</code></li><li><code class="prettyprint">&lt;script&gt;</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;var cesc = new flickrshow('cesc', {</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onPlay: function() {</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('The slideshow is playing');</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onPause: function() {</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('The slideshow is paused');</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onMove: function(img) {</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(img.getAttribute('data-flickr-title'));</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tags:'nikonfm2',</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;user:'85173533@N00'</code></li><li><code class="prettyprint">&nbsp;&nbsp;&nbsp;&nbsp;});</code></li><li><code class="prettyprint">&lt;/script&gt;</code></li></ol><!-- .code --></section> <footer><p>Flickrshow is a <a href="http://www.beseku.com">Beseku</a> thing licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.</p></footer> </div><!-- #screen --><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script><script>!window.jQuery && document.write('<script src="static/scripts/external/jquery-1.5.2.min.js"><\/script>');</script><script src="static/scripts/external/prettify/prettify-0.10.js"></script><script src="static/scripts/flickrshow-7.2.min.js"></script><script>$(document).ready(function(){$("#cesc").flickrshow({onPlay:function(){alert("The slideshow is playing")},onPause:function(){alert("The slideshow is paused")},onMove:function(a){alert(a.getAttribute("data-flickr-title"))},tags:"nikonfm2",user:"85173533@N00"});prettyPrint()});var _gaq=[["_setAccount","UA-164100-15"],["_trackPageview"]];(function(a,c){var b=a.createElement(c);a=a.getElementsByTagName(c)[0];b.async=true;b.src=("https:"==location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";a.parentNode.insertBefore(b,a)})(document,"script");$("a").live("click",function(a){_gaq.push(["_trackEvent","Interactions","Click",$(a.target).attr("href")])});</script></body></html>