New Bookstore! Save 20% on books with discount code: LAUNCH
Web Dev + WordPress + Security
eBook: The Tao of WordPress
The Tao of WordPress: Master the art of WordPress.
Related Posts

Slideshow Code for Dead Letter Art

[ Icon: DLa Joker ] Pardon this post! I am posting this information online for personal references purposes. I may need to revisit this code at some point in the future, and if I post it here I will always know where to find it (trust me, it would disappear into the abyss if I tried storing it offline). So, although it is intended solely for myself, feel free to extract and use anything you like, as long as commented attribution remains. What we have here are two different methods for including a slideshow on a web page. The first method employs the techniques discussed in this article, while the second method skips the Flash and employs only the JavaScript portion of the slideshow. Here is some additional help with embedding Flash content, including slideshows, and JavaScript techniques.

Main Slideshow

<?php // main slideshow // ?>
<div class="midright">
<!-- slideshow inclusion by perishablepress.com -->
<script type="text/javascript">
<!--//--><![CDATA[//><!-- 
if (flash.ver[7]) {
   document.write(
      '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="300" height="225" id="slideshow" align="middle">' +
      '<param name="movie" value="http://deadletterart.com/dla/images/slideshow/slideshow.swf" />' +
      '<param name="allowScriptAccess" value="sameDomain" />' +
      '<param name="quality" value="high" />' +
      '<param name="bgcolor" value="#000" />' +
      '<param name="base" value="." />' +
      '<embed src="http://deadletterart.com/dla/images/slideshow/slideshow.swf" base="." quality="high" bgcolor="#000" width="300" height="225" name="slideshow" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />' +
      '<\/object>'
   );
}
else if (flash.installed) {
   document.write('<form id="slideshow" name="slideshow" action="null"><a href="#" onmouseover="this.href=theimage[i][1];return false">');
   document.write('<img name="imgslide" class="y" id="imgslide" src="' + theimage[0][0] + '" border="0" alt="DLa Slideshow" />');
   document.write('<\/a><\/form>');
} else {
   document.write('<form id="slideshow" name="slideshow" action="null"><a href="#" onmouseover="this.href=theimage[i][1];return false">');
   document.write('<img name="imgslide" class="y" id="imgslide" src="' + theimage[0][0] + '" border="0" alt="DLa Slideshow" />');
   document.write('<\/a><\/form>');
}
//--><!]]>
</script>
<noscript><div><img src="http://deadletterart.com/dla/images/slideshow/1.jpg" class="y" alt="Serious Business" /></div></noscript>
</div>

Alternate Slideshow

<?php // alt slideshow // ?>
<div class="midright">
 <!-- slideshow inclusion by perishablepress.com -->
 <form id="slideshow" name="slideshow" action="null">
  <div>
   <a href="#" onmouseover="this.href=theimage[i][1];return false">
    <script type="text/javascript">
     <!--//--><![CDATA[//><!--
      document.write('<img name="imgslide" class="y" id="imgslide" src="'+theimage[0][0]+'" border="0" alt="DLa Slideshow" />');
     //--><!]]>
    </script>
   </a>
  </div>
  <noscript>
   <p><img src="http://deadletterart.com/dla/images/slideshow/1.jpg" class="y" alt="Serious Business" /></p>
  </noscript>
 </form>
</div>

More sweet code snippets on the way..

Jeff Starr
About the Author
Jeff Starr = Fullstack Developer. Book Author. Teacher. Human Being.
WP Themes In Depth: Deep dive into WP theme development.
Welcome
Perishable Press is operated by Jeff Starr, a professional web developer and book author with two decades of experience. Here you will find posts about web development, WordPress, security, and more »
BBQ Pro: The fastest firewall to protect your WordPress.
Thoughts
Take a screenshot with Firefox (no extension required). Open Developer Tools Settings and enable the “Take a screenshot” button. Then click the button :)
Take a screenshot with Chrome (no extension required). Open DevTools, type Cmd + Shift + P, then type screenshot.
After 10 years working on my 2010 iMac, my upgrade finally arrived. Shiny new iMac shipped from Ireland :)
Too much caffeine weirds me out. But I love the taste of coffee. So once in a while I enjoy a small cup of decaf. Hits the spot.
Chris Coyier is a truly awesome person. One of the finest people I've ever worked with. Just #gottasayit
Excel won't open CSV file because SYLK format? Open it with text editor and add an apostrophe ' at the beginning of the file, save changes, done.
Displaying too many social media buttons and links all over the place imho makes you look desperate and frankly kinda sad.
Newsletter
Get news, updates, deals & tips via email.
Email kept private. Easy unsubscribe anytime.