Category Archives: jQuery

Design Scrapbook: PHP/jQuery Image Flipper

Posted on by Wade Sonenberg

Design Scrapbook allows you to simply scroll through a number of images within a directory. For example, we use it to scroll through a number of screen shots of pretty web designs for design inspiration, user interfaces done by the gurus, and general designs that inspire us. It could also be of use as a stand alone portfolio, image gallery, etc.

It works simply by finding all the images in a directory and allowing you to flip through them without having to reload the page. All you have to do it upload the script, upload your images, and you’re done.

  • Flip between screen shots, photos, or any other images.
  • No configuration what-so-ever, just upload and you’re done.
  • No database required.
  • Handles all popular image types.
  • Zoom in and zoom out.
  • Unlimited number of images.

All that is required is PHP 4.3 and GD Library.

Demo Download

A RSS News Ticker for WordPress & jQuery

Posted on by Wade Sonenberg

It’s actually quite easy to add a horizontally scrolling news ticker using jQuery, WordPress, and Gian Carlo Mingati’s liscroll() plugin for jQuery.  There are really only two steps, so we’re skipping the full on demo this time…

1.) Include the files for liscroll() (the CSS file, javascript file, and of course jQuery itself). Then call the plugin as described in the author’s web page…

2.) Use WordPress’s built in RSS feed parsing and caching mechanisms. Simply edit the RSS URL for the feed you’d like to display, and paste the below code in your theme where you’d like the scroll bar to appear.

<?php
include_once(ABSPATH.WPINC.'/rss.php'); // path to include script
$feed = fetch_rss('http://yourRSSfeedhere.com/feed/'); // specify feed url
$items = array_slice($feed->items, 0, 7); // specify first and last item
?> 

<?php if (!empty($items)) : ?>
<ul id="ticker01">
<?php foreach ($items as $item) : ?>

<li><a href="<?php echo $item['link']; ?>"><?php echo $item['title']; ?></a><span><?php echo $item['pubdate']; ?></span></li>

<?php endforeach; ?>
</ul>
<?php endif; ?>
<? } ?>

To see it in action, check out PGB Associates home page (bottom)…