<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Internet Business Tips &#187; slider</title>
	<atom:link href="http://www.internetbiztip.com/wordpress/tag/slider/feed" rel="self" type="application/rss+xml" />
	<link>http://www.internetbiztip.com/wordpress</link>
	<description>Tips, Advice, Finding in internet business world</description>
	<lastBuildDate>Tue, 05 Oct 2010 08:04:10 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>photo gallery and slider</title>
		<link>http://www.internetbiztip.com/wordpress/photo-gallery-and-slider</link>
		<comments>http://www.internetbiztip.com/wordpress/photo-gallery-and-slider#comments</comments>
		<pubDate>Tue, 05 Oct 2010 08:04:10 +0000</pubDate>
		<dc:creator>internetbiztip</dc:creator>
				<category><![CDATA[Goodies]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[photo gallery]]></category>
		<category><![CDATA[slider]]></category>

		<guid isPermaLink="false">http://www.internetbiztip.com/wordpress/?p=207</guid>
		<description><![CDATA[

I was asked to include a gallery when I was designing a website for a client. Instead of writing it from scratch, I tried to find a ready-made one which can allow me to easily upload and manage photos without too much hard coding. I found a great gallery using ImgBrowz0r and prettyPhoto jQuery plugin [...]<p>Post from: <a href="http://www.internetbiztip.com/wordpress">Internet Business Tips</a></p>
]]></description>
			<content:encoded><![CDATA[
<!-- ALL ADSENSE ADS DISABLED -->
<p>I was asked to include a gallery when I was designing a website for a client. Instead of writing it from scratch, I tried to find a ready-made one which can allow me to easily upload and manage photos without too much hard coding. I found a great gallery using <a href="http://61924.nl/blog/e/00007-imgbrowz0r-03-beta.html">ImgBrowz0r</a> and <a href="http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/">prettyPhoto jQuery plugin</a> made by <a href="http://css-tricks.com/video-screencasts/64-building-a-photo-gallery/">Chris Coyier</a>. A really fantastic job. He actually showed how he combined these two and made the gallery. I think it is worthwhile to watch this step-to-step tutorial. </p>
<p><a href="http://vnfiles.ign.com/ects/css-tricks/VideoCast-64.flv" title="Anarchy Media Player - Right click to download file"><em>Download</em></a> </p>
<p>Below is how the gallery looks like:<br />
<a href="http://css-tricks.com/examples/ImgBrowz0r/"><img src="http://www.internetbiztip.com/wordpress/wp-content/uploads/2009/10/4.png" alt="4" title="4" width="460" /></a></p>
<p>I also found a cool slider: <a href="file:///E:/web%20design%20service/resources/AnythingSlider/example.html#panel-2">anythingSlider</a>. Photos or any content including hyperlinks can be featured in the slides and they move right or left. According to its creators, it has the following features: </p>
<blockquote><p># Slides are HTML Content (can be anything)<br />
# Next Slide / Previous Slide Arrows<br />
# Navigation tabs are built and added dynamically (any number of slides)<br />
# Optional custom function for formatting navigation text<br />
# Auto-playing (optional feature, can start playing or stopped)<br />
# Each slide has a hashtag (can link directly to specific slides)<br />
# Infinite/Continuous sliding (always slides in the direction you are going, even at &#8220;last&#8221; slide)<br />
# Multiple sliders allowable per-page (hashtags only work on first)<br />
# Pauses autoPlay on hover (option)<br />
# Link to specific slides from static text links
</p></blockquote>
<p>I definitely will use it in the future. Here is a screenshot of how it looks like:<br />
<a href=""><img src="http://www.internetbiztip.com/wordpress/wp-content/uploads/2009/10/5.png" alt="5" title="5" width="460"  /></a></p>
<p>Post from: <a href="http://www.internetbiztip.com/wordpress">Internet Business Tips</a></p>
<p align="left"><a class="tt" href="http://twitter.com/home/?status=photo+gallery+and+slider+http://8kzma.th8.us" title="Post to Twitter"><img class="nothumb" src="http://www.internetbiztip.com/wordpress/wp-content/plugins/tweet-this/icons/tt-twitter-micro3.png" alt="Post to Twitter" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.internetbiztip.com/wordpress/photo-gallery-and-slider/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://vnfiles.ign.com/ects/css-tricks/VideoCast-64.flv" length="120668210" type="video/x-flv" />
		</item>
	</channel>
</rss>

