http://blog.triptracker.net/2006/09/08/revamped-slideshow/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>TripTracker Blog  &raquo; Blog Archive   &raquo; Revamped Slideshow</title>

<meta name="generator" content="WordPress 2.0.4" />

<link rel="stylesheet" href="http://blog.triptracker.net/wp-content/themes/triptracker/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://blog.triptracker.net/feed/" />
<link rel="alternate" type="text/xml" title="RSS .92" href="http://blog.triptracker.net/feed/rss/" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://blog.triptracker.net/feed/atom/" />
<link rel="pingback" href="http://blog.triptracker.net/xmlrpc.php" />

<style type="text/css" media="screen">		
	body { background: url("http://blog.triptracker.net/wp-content/themes/triptracker/images/tt-bgcolor.png"); }	
	#page { background: url("http://blog.triptracker.net/wp-content/themes/triptracker/images/tt-bgwide.png") repeat-y top; border: none; } 
	#header { background: url("http://blog.triptracker.net/wp-content/themes/triptracker/images/tt-header.jpg") no-repeat bottom center; }
	#footer { background: url("http://blog.triptracker.net/wp-content/themes/triptracker/images/tt-footer.png") no-repeat bottom; border: none;}
		
	#header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 305px; width: 758px; }
	#headerimg 	{ margin: 7px 9px 0; height: 299px; width: 740px; } 
</style>

	<link rel='archives' title='March 2007' href='http://blog.triptracker.net/2007/03/' />
	<link rel='archives' title='February 2007' href='http://blog.triptracker.net/2007/02/' />
	<link rel='archives' title='November 2006' href='http://blog.triptracker.net/2006/11/' />
	<link rel='archives' title='September 2006' href='http://blog.triptracker.net/2006/09/' />
	<link rel='archives' title='June 2006' href='http://blog.triptracker.net/2006/06/' />
	<link rel='archives' title='April 2006' href='http://blog.triptracker.net/2006/04/' />
	<link rel='archives' title='March 2006' href='http://blog.triptracker.net/2006/03/' />
	<link rel='archives' title='October 2005' href='http://blog.triptracker.net/2005/10/' />

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://blog.triptracker.net/xmlrpc.php?rsd" />
	<style type="text/css" media="screen">
			 /* CAPTCHA-Styles */
				p.captcha_1,
				p.captcha_2,
				p.captcha_notvalid
				{
					margin-left: 30px;
					margin-right: 20px;
					font-size: 12px;
					font-style: normal;
					font-weight: normal;
					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					background: transparent;
				}
				p.captcha_2
				{
				    vertical-align: middle;
					font-style: italic;
					font-weight: normal;
				}
				p.captcha_notvalid
				{
					font-weight: bold;
					color: #FFAAAA;
				}
				
				.captchapict
				{
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					/* border-style: solid;*/
					border-style: solid;
					border-width: 1px;
					border-color: #C0C0C0;
				}
				</style>
	<!-- Google Analytics Tracking by Google Analyticator: http://cavemonkey50.com/code/google-analyticator/ -->
	<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script><script type="text/javascript"> _uacct="UA-619713-4";  urchinTracker(); </script>
</head>
<body>

<div id="page">


<div id="header">
        <a href="http://blog.triptracker.net">
	<div id="headerimg">
		<!--
                <h1><a href="http://blog.triptracker.net">TripTracker Blog</a></h1>
		<div class="description">The scoop from TripTracker developers</div>
                -->
	</div>
        </a>
</div>
<hr />

	<div id="content" class="widecolumn">
				
  	
		<div class="navigation">
			<div class="alignleft">&laquo; <a href="http://blog.triptracker.net/2006/06/23/a-3d-interface-to-your-travels/">A 3D Interface To Your Travels</a></div>
			<div class="alignright"><a href="http://blog.triptracker.net/2006/11/03/triptracker-featured-in-ny-times-article/">TripTracker Featured in NY Times Article</a> &raquo;</div>
		</div>
	
		<div class="post" id="post-17">
			<h2><a href="http://blog.triptracker.net/2006/09/08/revamped-slideshow/" rel="bookmark" title="Permanent Link: Revamped Slideshow">Revamped Slideshow</a></h2>
	
			<div class="entrytext">
				<p><b>Update</b>: The slideshow viewer now has its very own homepage. <a href="http://slideshow.triptracker.net">Check it out</a>!</p>
<p>We recently updated the TripTracker photo slideshow interface.  For a sample, click on the first thumbnail below and then the Play button:</p>
<p><center><br />
<script type="text/javascript" src="http://slideshow.triptracker.net/slide.js"></script><br />
<script type="text/javascript">//<br />
  <!--//<br />
  var viewer = new PhotoViewer();//<br />
  viewer.add('http://media.triptracker.net/2/originals/f2a391457f0000010094611ae01ee82b.jpg');//<br />
  viewer.add('http://media.triptracker.net/2/originals/f2a3f02a7f00000101bca09cdfca47ea.jpg');//<br />
  viewer.add('http://media.triptracker.net/2/originals/f295547c7f00000100f41d264da933ec.jpg');//<br />
  viewer.add('http://media.triptracker.net/2/originals/f28f5f2d7f0000010114b4e8116a36da.jpg');//<br />
  viewer.add('http://media.triptracker.net/2/originals/f2b9657b7f00000100f29f952e66786f.jpg');//<br />
  //--></script></p>
<div class="Slideshow">
<a href="http://media.triptracker.net/2/originals/f2a391457f0000010094611ae01ee82b.jpg" onclick="return viewer.show(0)"> <img width="70" height="70" src="http://media.triptracker.net/2/thumbs/thumb-f2a391457f0000010094611ae01ee82b.jpg" alt="" /> </a> <a href="http://media.triptracker.net/2/originals/f2a3f02a7f00000101bca09cdfca47ea.jpg" onclick="return viewer.show(1)"> <img width="70" height="70" src="http://media.triptracker.net/2/thumbs/thumb-f2a3f02a7f00000101bca09cdfca47ea.jpg" alt="" /> </a> <a href="http://media.triptracker.net/2/originals/f295547c7f00000100f41d264da933ec.jpg" onclick="return viewer.show(2)"> <img width="70" height="70" src="http://media.triptracker.net/2/thumbs/thumb-f295547c7f00000100f41d264da933ec.jpg" alt="" /> </a> <a href="http://media.triptracker.net/2/originals/f28f5f2d7f0000010114b4e8116a36da.jpg" onclick="return viewer.show(3)"> <img width="70" height="70" src="http://media.triptracker.net/2/thumbs/thumb-f28f5f2d7f0000010114b4e8116a36da.jpg" alt="" /> </a> <a href="http://media.triptracker.net/2/originals/f2b9657b7f00000100f29f952e66786f.jpg" onclick="return viewer.show(4)"> <img width="70" height="70" src="http://media.triptracker.net/2/thumbs/thumb-f2b9657b7f00000100f29f952e66786f.jpg" alt="" /> </a>
</div>
<p>(photos taken from the <a href="http://triptracker.net/trip/263/map">Thailand</a> trip)<br />
</center></p>
<p>Feel free to use the JavaScript slideshow on your own personal web space (please have a look at the terms at the top of the <a href="http://triptracker.net/jsmap/slide.js">JavaScript</a> file).  The interface to the slideshow is simple &#8212; insert the script source, initialize the viewer and photo links and then call the <code>viewer.show()</code> method.  Here is an example:</p>
<pre style="border: 1px solid #e0e0e0; background-color: #f7f7e6; line-height: 1.3em; padding: 2px; margin: 20px 10px; overflow: scroll">
&lt;script type=&quot;text/javascript&quot; src=&quot;http://slideshow.triptracker.net/slide.js&quot;>&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
&lt;!--
  var viewer = new PhotoViewer();
  viewer.add('/photos/my-photo-1.jpg');
  viewer.add('/photos/my-photo-2.jpg');
  viewer.add('/photos/my-photo-3.jpg');
//--&gt;&lt;/script&gt;
&lt;a href=&quot;javascript:void(viewer.show(0))&quot;>Slideshow&lt;/a&gt;
</pre>
<p>We&#8217;re also providing a bookmarklet that allows you to try out the slideshow on other web sites:</p>
<ol>
<li>Bookmark the following link: <a href="javascript:s=document.createElement('script');s.src='http://slideshow.triptracker.net/slide-bookmark.js';s.type='text/javascript';void(document.getElementsByTagName('head')[0].appendChild(s));">Slideshow Bookmarklet</a> (e.g. by dragging the link to your bookmark toolbar).</li>
<li>Visit a page with photo thumbnails, e.g. <a href="http://www.flickr.com/photos/brianschultze/sets/72157594165735711/" onclick="javascript:urchinTracker ('/outbound/www.flickr.com');">Mojo Yugen&#8217;s Flickr photoset</a>.</li>
<li>Click on your bookmark to bring up the slideshow.</li>
</ol>
<p>Note that the bookmarklet will only work properly on web pages that include thumbnails linking directly to the full-sized photos (we made a small exception for Flickr).  In other cases, the viewer needs to be initialized explicitly using the method described above.</p>
<h3>Update: Customization</h3>
<p>For those of you wishing to customize the viewer&#8217;s appearance, here are some additional JavaScript methods.  These need to be invoked on your <code>PhotoViewer</code> instance:</p>
<ul>
<li>
<code><b>setBackgroundColor(color)</b></code><br />
<small>Sets the photo&#8217;s background and border color.  <code>color</code> may be a <a href="http://www.w3.org/TR/REC-CSS2/syndata.html#value-def-color" onclick="javascript:urchinTracker ('/outbound/www.w3.org');">CSS color specification</a> or the keyword &#8220;transparent&#8221;.  Default value: <code>"#000000"</code>.</small>
</li>
<li>
<code><b>setBorderWidth(width)</b></code><br />
<small>Sets the photo&#8217;s border width in pixels.  Setting it to <code>0</code> would remove the border.  Default value: <code>5.</code></small>
</li>
<li>
<code><b>setSlideDuration(duration)</b></code><br />
<small>Sets the time interval between slide transitions, in milliseconds.  Default value: <code>4000</code>.</small>
</li>
<li>
<code><b>disablePanning() / enablePanning()</b></code><br />
<small>Disables / enables the panning effect (enabled by default).</small>
</li>
<li>
<code><b>disableFading() / enableFading()</b></code><br />
<small>Disables / enables the fade-out/fade-in transitions (enabled by default).</small>
</li>
<li>
<code><b>disableShade() / enableShade()</b></code><br />
<small>Disabled / enables the shaded background (enabled by default).</small>
</li>
</ul>
<p>For example:</p>
<pre style="border: 1px solid #e0e0e0; background-color: #f7f7e6; line-height: 1.3em; padding: 2px; margin: 20px 10px">
var viewer = new PhotoViewer();
viewer.setBackgroundColor('#ffffff');
viewer.setBorderWidth(2);
viewer.setSlideDuration(6000);
viewer.disablePanning();
viewer.disableShade();
[...]
</pre>
<p>Let us know if there are any other aspects of the viewer that you would like to tweak.</p>
<div style="width:100%; text-align:right"><a href="http://digg.com/programming/Roll_your_own_AJAX_Slideshow"><br />
<img src="http://digg.com/img/badges/100x20-digg-button.gif" width="100" height="20" alt="Digg!" /><br />
</a></div>
	
					
				<p class="postmetadata alt">
					<small>
						This entry was posted
						 
						on Friday, September 8th, 2006 at 12:50 pm						and is filed under <a href="http://blog.triptracker.net/category/features/" title="View all posts in Features" rel="category tag">Features</a>.
						You can follow any responses to this entry through the <a href='http://blog.triptracker.net/2006/09/08/revamped-slideshow/feed/'>RSS 2.0</a> feed. 
						
													You can <a href="#respond">leave a response</a>, or <a href="http://blog.triptracker.net/2006/09/08/revamped-slideshow/trackback/" rel="trackback">trackback</a> from your own site.
						
												
					</small>
				</p>
	
			</div>
		</div>
		
	
<!-- You can start editing here. -->

	<h3 id="comments">95 Responses to &#8220;Revamped Slideshow&#8221;</h3> 

	<ol class="commentlist">

	
		<li class="alt" id="comment-562">
			<cite><a href="http://shabadeehoob.com" onclick="javascript:urchinTracker ('/outbound/shabadeehoob.com');" rel='external nofollow'>Nate</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-562" title="">September 12th, 2006 at 1:42 pm</a> </small>

			<p>Very nice!  this is a great app.
</p>

		</li>

	
	
		<li class="" id="comment-565">
			<cite><a href="http://ervdesign.net" onclick="javascript:urchinTracker ('/outbound/ervdesign.net');" rel='external nofollow'>Enrique</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-565" title="">September 13th, 2006 at 5:00 am</a> </small>

			<p>Genial en todos los sentidos. Gracias. Hablo de ello en mi blog.</p>
<p>Un saludo.
</p>

		</li>

	
	
		<li class="alt" id="comment-568">
			<cite><a href="http://splurf.com" onclick="javascript:urchinTracker ('/outbound/splurf.com');" rel='external nofollow'>Jonathan</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-568" title="">September 13th, 2006 at 3:47 pm</a> </small>

			<p>Can someone help me make this work?<br />
I am putting it on my page, and I have copied the .js file exactly, to my server.<br />
I created a photos/ bin to put my-photo-1.jpg  etc&#8230;\</p>
<p>however I get a blank page with the word &#8220;false&#8221; on it, at the link of:javascript:viewer.show(0)</p>
<p>please help!<br />
thanks
</p>

		</li>

	
	
		<li class="" id="comment-569">
			<cite><a href="http://splurf.com" onclick="javascript:urchinTracker ('/outbound/splurf.com');" rel='external nofollow'>Jonathan</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-569" title="">September 13th, 2006 at 3:48 pm</a> </small>

			<p><a href="mailto:mariande@gmail.com">mariande@gmail.com</a> is my contact!<br />
thank you.
</p>

		</li>

	
	
		<li class="alt" id="comment-570">
			<cite><a href="http://cookiecrook.com/" onclick="javascript:urchinTracker ('/outbound/cookiecrook.com');" rel='external nofollow'>James Craig</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-570" title="">September 13th, 2006 at 3:56 pm</a> </small>

			<p>Keyboard access would be great. Next version, perhaps?
</p>

		</li>

	
	
		<li class="" id="comment-571">
			<cite><a href="http://none" onclick="javascript:urchinTracker ('/outbound/none');" rel='external nofollow'>Help</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-571" title="">September 13th, 2006 at 3:59 pm</a> </small>

			<p>I imagine you need to leave the .js file hosted on the triptracker server since there is likely some behind the scenes work that is not included in that file.  Thus, when you try to host it on your server you&#8217;re only executing part of a much larger program and it fails.
</p>

		</li>

	
	
		<li class="alt" id="comment-572">
			<cite><a href="http://triptracker.net"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-572" title="">September 13th, 2006 at 4:03 pm</a> </small>

			<p>@Jonathan<br />
The link should actually be javascript:void(viewer.show(0)).  I corrected the post, thanks for the warning.</p>
<p>@James<br />
Keyboard navigation should work already, although I do see a focus problem that we&#8217;ll resolve shortly.  In the mean time, try clicking on one of the toolbar controls first and then navigate using arrow keys, space, etc. (all the keys are listed in the toolbar tooltips).</p>
<p>@Help<br />
The script should work offsite, but we&#8217;d rather see it hosted to be able to roll out upgrades easier.
</p>

		</li>

	
	
		<li class="" id="comment-573">
			<cite><a href="http://splurf.com" onclick="javascript:urchinTracker ('/outbound/splurf.com');" rel='external nofollow'>Jonathan</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-573" title="">September 13th, 2006 at 4:10 pm</a> </small>

			<p>Ziga,<br />
Perfect!</p>
<p>I was wondering also, if this script is able to be embeded into flash?
</p>

		</li>

	
	
		<li class="alt" id="comment-574">
			<cite><a href="http://fullgordonexperience.com/primarycolors/2006/09/13/instant-slideshow/" onclick="javascript:urchinTracker ('/outbound/fullgordonexperience.com');" rel='external nofollow'>primary colors at dusk &raquo; Instant Slideshow</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-574" title="">September 13th, 2006 at 4:27 pm</a> </small>

			<p>[&#8230;] Click here to visit the original site, Triptracker.net [&#8230;]
</p>

		</li>

	
	
		<li class="" id="comment-575">
			<cite><a href="http://www.xocea.com/blog/?p=61" onclick="javascript:urchinTracker ('/outbound/www.xocea.com');" rel='external nofollow'>xocea &raquo; Lightbox-esque Slideshow</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-575" title="">September 13th, 2006 at 4:45 pm</a> </small>

			<p>[&#8230;] Via TripTracker. I don&#8217;t know if it actually qualifies as AJAX just because it uses an HTTPrequest, but I think it&#8217;s pretty cool nonetheless. Quote: &#8220;Feel free to use the JavaScript slideshow on your own personal web space (please have a look at the terms at the top of the JavaScript file). The interface to the slideshow is simple — insert the script source, initialize the viewer and photo links and then call the viewer.show() method.&#8221; LINK [&#8230;]
</p>

		</li>

	
	
		<li class="alt" id="comment-576">
			<cite><a href="http://triptracker.net"rel='external nofollow'>Braco</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-576" title="">September 13th, 2006 at 4:50 pm</a> </small>

			<p>@ Jonathan<br />
&gt; I was wondering also, if this script is able to be embeded into flash?</p>
<p>You can include the script into the HTML code that embeds the Flash.  Then use the fscommand() method from ActionScript to start the slideshow from Flash.</p>
<p>For more info on how to call JavaScript from Flash, see<br />
<a href="http://www.moock.org/webdesign/flash/fscommand/" rel='nofollow' onclick="javascript:urchinTracker ('/outbound/www.moock.org');">http://www.moock.org/webdesign/flash/fscommand/</a>
</p>

		</li>

	
	
		<li class="" id="comment-577">
			<cite><a href="http://albums.kdunn.homeip.net/Estonia/" onclick="javascript:urchinTracker ('/outbound/albums.kdunn.homeip.net');" rel='external nofollow'>Kenny</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-577" title="">September 13th, 2006 at 5:06 pm</a> </small>

			<p>Just started playing with this and generally a very nice job.</p>
<p>Are there methods available to affect the behavior, such as changing the timing between the slides or the opacity, etc.? If not, I might suggest unobfuscating the code and allowing others to make improvements (&amp; return them to the community) in true open source tradition.</p>
<p>Thanks for sharing your work.
</p>

		</li>

	
	
		<li class="alt" id="comment-578">
			<cite><a href="http://splurf.com" onclick="javascript:urchinTracker ('/outbound/splurf.com');" rel='external nofollow'>Jonathan</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-578" title="">September 13th, 2006 at 5:11 pm</a> </small>

			<p>@Braco </p>
<p>Could you be a bit more specific as to including the script into the HTML Embeding the flash,<br />
the problem I am encountering is the slideshow is eclipsed by a flash file embeded into the HTML directly below.  Could this be because they are the same table cell?
</p>

		</li>

	
	
		<li class="" id="comment-579">
			<cite><a href="http://triptracker.net"rel='external nofollow'>Braco</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-579" title="">September 13th, 2006 at 5:29 pm</a> </small>

			<p>@Jonathan<br />
> The problem I am encountering is the slideshow is eclipsed by a flash file embeded into the HTML directly below. </p>
<p>Oh, of course, I hadn&#8217;t thought of that. The flash file is running within an ActiveX control in the browser. It&#8217;s probably placed on top of what is being rendered by the browser (that&#8217;s the slideshow, in this particular case).  We&#8217;ll see if this can be worked around by controlling the z-index of the slideshow though.
</p>

		</li>

	
	
		<li class="alt" id="comment-580">
			<cite><a href="http://www.manlong.net/roll-your-own-ajax-slideshow" onclick="javascript:urchinTracker ('/outbound/www.manlong.net');" rel='external nofollow'>manlong.net &raquo; Blog Archive &raquo; Roll-your-own AJAX Slideshow</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-580" title="">September 13th, 2006 at 5:37 pm</a> </small>

			<p>[&#8230;] The folks at TripTracker.net have decided to share their JavaScript slideshow with the rest of the Web. Just import their script in your web page to add a cool popup slideshow. Comes with a handy bookmarklet for viewing Flickr photos, too.read more&nbsp;|&nbsp;digg story [&#8230;]
</p>

		</li>

	
	
		<li class="" id="comment-581">
			<cite><a href="http://www.roks.xmgfree.com/blog/2006/09/13/ajax-slideshow/" onclick="javascript:urchinTracker ('/outbound/www.roks.xmgfree.com');" rel='external nofollow'>AJAX SlideShow &raquo; Dee&#8217;s-Planet! Blog</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-581" title="">September 13th, 2006 at 6:02 pm</a> </small>

			<p>[&#8230;] Triptracker Blog | digg [&#8230;]
</p>

		</li>

	
	
		<li class="alt" id="comment-582">
			<cite><a href="http://splurf.com" onclick="javascript:urchinTracker ('/outbound/splurf.com');" rel='external nofollow'>Jonathan</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-582" title="">September 13th, 2006 at 6:04 pm</a> </small>

			<p>Thanks Braco, so should i redownload the slide.js file?  I assume that&#8217;s what you will be updating?  I downloaded the file for my own server just because I was afraid you would take it down one day when I still needed its use.
</p>

		</li>

	
	
		<li class="" id="comment-583">
			<cite>randy</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-583" title="">September 13th, 2006 at 7:54 pm</a> </small>

			<p>This is great&#8230;</p>
<p>1 question</p>
<p>how do I make 2 slideshows on the same page?  in other words use the same script 2 times on the same page.</p>
<p>Thanks!
</p>

		</li>

	
	
		<li class="alt" id="comment-584">
			<cite><a href="http://www.docmisterio.com" onclick="javascript:urchinTracker ('/outbound/www.docmisterio.com');" rel='external nofollow'>doc misterio</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-584" title="">September 13th, 2006 at 8:25 pm</a> </small>

			<p>I can&#8217;t seem to get this to work anyway I try it&#8230;<br />
-with the .js file on my server or with your file<br />
-with the extra &#8220;)&#8221; or without<br />
-I&#8217;m not using the rich text editor in my wordpress (because it was stripping the js src out)<br />
-I tried it with the pics in the root and /photos/picture.jpg neither worked<br />
-when you click the link it does nothing&#8230; doesn&#8217;t open up anything.  </p>
<p>This is the code I&#8217;m putting in my post:</p>
<p>  var viewer = new PhotoViewer();<br />
  viewer.add(&#8221;/photos/picture 335.jpg&#8221;);<br />
  viewer.add(&#8221;/photos/picture 330.jpg&#8221;);<br />
  viewer.add(&#8221;/photos/picture 332.jpg&#8221;);</p>
<p>(Slideshow<br />
(parentheses added to prevent this from becoming a link)</p>
<p>Any idea what I&#8217;m doing wrong?<br />
Anything would be appreciated!<br />
Thanks in advance, </p>
<p>-Doc
</p>

		</li>

	
	
		<li class="" id="comment-585">
			<cite><a href="http://www.docmisterio.com" onclick="javascript:urchinTracker ('/outbound/www.docmisterio.com');" rel='external nofollow'>doc misterio</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-585" title="">September 13th, 2006 at 8:26 pm</a> </small>

			<p>It would appear the comment thing took half the code away&#8230; my bad, I didn&#8217;t do pre&#8230;</p>
<p>  var viewer = new PhotoViewer();<br />
  viewer.add(&#8221;/photos/picture 335.jpg&#8221;);<br />
  viewer.add(&#8221;/photos/picture 330.jpg&#8221;);<br />
  viewer.add(&#8221;/photos/picture 332.jpg&#8221;);</p>
<p><a href="void(viewer.show(0))" rel="nofollow">Slideshow<br />
</a>
</p>

		</li>

	
	
		<li class="alt" id="comment-586">
			<cite><a href="http://www.docmisterio.com" onclick="javascript:urchinTracker ('/outbound/www.docmisterio.com');" rel='external nofollow'>doc misterio</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-586" title="">September 13th, 2006 at 8:29 pm</a> </small>

			<p>wow&#8230; makes me look like the novice&#8230; ugh&#8230;</p>
<p>(<br />
(<br />
(<br />
  var viewer = new PhotoViewer();<br />
  viewer.add(&#8221;/photos/picture 335.jpg&#8221;);<br />
  viewer.add(&#8221;/photos/picture 330.jpg&#8221;);<br />
  viewer.add(&#8221;/photos/picture 332.jpg&#8221;);<br />
(<br />
(Slideshow</p>
<p>(parentheses added to prevent me from looking like a moron and taking up your comment space <img src='http://blog.triptracker.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> )
</p>

		</li>

	
	
		<li class="" id="comment-587">
			<cite><a href="http://www.docmisterio.com" onclick="javascript:urchinTracker ('/outbound/www.docmisterio.com');" rel='external nofollow'>doc misterio</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-587" title="">September 13th, 2006 at 8:30 pm</a> </small>

			<p>Ok fine&#8230; it&#8217;s the same code as you have there, only with MY picture links&#8230;  since I can&#8217;t figure out how to use this comment thing&#8230;
</p>

		</li>

	
	
		<li class="alt" id="comment-588">
			<cite><a href="http://www.automoblog.net" onclick="javascript:urchinTracker ('/outbound/www.automoblog.net');" rel='external nofollow'>egon</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-588" title="">September 13th, 2006 at 11:25 pm</a> </small>

			<p>Any way for someone to make a WordPress plugin for this?
</p>

		</li>

	
	
		<li class="" id="comment-589">
			<cite><a href="http://www.intelligentedu.com/blogs/post/best_new_training_sites/3454/top-15-programming-sites-on-diggcom-for-last-30-days" onclick="javascript:urchinTracker ('/outbound/www.intelligentedu.com');" rel='external nofollow'>Top 15 Programming Sites on Digg.com for Last 30 Days - Intelligentedu.com Free Computer Training Blogs</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-589" title="">September 13th, 2006 at 11:54 pm</a> </small>

			<p>[&#8230;] Here are what I deem to be the top 15 free training and tutorial sites posted at digg.com/prgramming for the last 30 days. I have compiled these here so you can see the type of content that we esteem to be valuable. These cover a variety of subjects and areas, including web development, Ajax, Java, CSS, PHP, Firefox extensions, C++, Python, MySQL, Design Patterns, Grid Computing, and Interview Questions.   [&#8230;]
</p>

		</li>

	
	
		<li class="alt" id="comment-590">
			<cite><a href="http://www.alldugg.info/diggs/roll-your-own-ajax-slideshow/" onclick="javascript:urchinTracker ('/outbound/www.alldugg.info');" rel='external nofollow'>The Digg Effect - Search for Diggs or get Dugg &raquo; Roll-your-own AJAX Slideshow</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-590" title="">September 14th, 2006 at 12:34 am</a> </small>

			<p>[&#8230;] The folks at TripTracker.net have decided to share their JavaScript slideshow with the rest of the Web. Just import their script in your web page to add a cool popup slideshow. Comes with a handy bookmarklet for viewing Flickr photos, too.read more&nbsp;|&nbsp;digg story [&#8230;]
</p>

		</li>

	
	
		<li class="" id="comment-591">
			<cite>bdizzlefizzle</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-591" title="">September 14th, 2006 at 6:53 am</a> </small>

			<p>I can&#8217;t get this to work, either.  I&#8217;m copying and pasting the code as is, and then changing the image locations to refer to my directory structure and files.</p>
<p>doc misterio, I think we may be having the same issue.</p>
<p>Do we need to add an onLoad command to the body tag, or something?</p>
<p>you can see mine at <a href="http://www.plexcomols.com/test/bdp/weddings.shtml" rel='nofollow' onclick="javascript:urchinTracker ('/outbound/www.plexcomols.com');">http://www.plexcomols.com/test/bdp/weddings.shtml</a></p>
<p>There&#8217;s a slideshow link just above the thumbnails.
</p>

		</li>

	
	
		<li class="alt" id="comment-592">
			<cite><a href="http://triptracker.net"rel='external nofollow'>Braco</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-592" title="">September 14th, 2006 at 7:04 am</a> </small>

			<p>Hi, bdizzlefizzle! Looking at your HTML source, there appear to be some strange leading characters where you copied the JavaScript. Try deleting those. The <a href=javascript:s=document.createElement('script');s.src='http://triptracker.net/jsmap/slide-bookmark.js';s.type='text/javascript';void(document.getElementsByTagName('head')[0].appendChild(s)); rel="nofollow" rel="nofollow">bookmarklet</a> also appears to be working on your page (at least in my browser).
</p>

		</li>

	
	
		<li class="" id="comment-593">
			<cite><a href="http://triptracker.net"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-593" title="">September 14th, 2006 at 7:22 am</a> </small>

			<p>@Kenny<br />
> Are there methods available to affect the behavior[&#8230;]</p>
<p>Please see the updated post and let us know if that fits your needs.</p>
<p>@Jonathan<br />
> so should i redownload the slide.js file</p>
<p>I suggest you run the JavaScript off our host, since that will make upgrades much easier.</p>
<p>@randy<br />
> how do I make 2 slideshows on the same page?</p>
<p>This is currently not supported, but it is definitely useful so we&#8217;ll add support shortly.  We&#8217;ll keep you posted!</p>
<p>@doc misterio<br />
> I’m not using the rich text editor in my wordpress</p>
<p>Are you sure WordPress is not modifying the JavaScript in any way?  We were having issues with WordPress as well, so we eventually added the PhotoViewer using an &lt;iframe&gt; (see the HTML source of the post above).  You might have better luck by including the JavaScript source though a WordPress template file.  Does the bookmarklet work if you invoke it on your page?  Also, if you could provide a link to your page, we might be able to spot the problem.
</p>

		</li>

	
	
		<li class="alt" id="comment-594">
			<cite><a href="http://www.docmisterio.com" onclick="javascript:urchinTracker ('/outbound/www.docmisterio.com');" rel='external nofollow'>doc misterio</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-594" title="">September 14th, 2006 at 7:38 am</a> </small>

			<p>The page that I&#8217;m working with here is&#8230;.</p>
<p><a href="http://www.docmisterio.com/?page_id=22" rel="nofollow" onclick="javascript:urchinTracker ('/outbound/www.docmisterio.com');">http://www.docmisterio.com/?page_id=22</a></p>
<p>@bdizzlefizzle<br />
&gt;Yes I believe that we are having the same problem!  That is exactly what mine is doing&#8230;</p>
<p>@ziga<br />
&gt;When I did have the rich text on what what was happening was it was stripping the src .js file out&#8230; and now upon post it would appear that there is a /br in between the type=text/javascript and the src&#8230; and also on the pictures instead of quotes the following number shows up:<br />
 &#8220;#8221;&#8221; </p>
<p>That is everything as far as I can tell, any ideas?  Thank you everyone for your help!
</p>

		</li>

	
	
		<li class="" id="comment-595">
			<cite><a href="http://triptracker.net/profile/ziga"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-595" title="">September 14th, 2006 at 8:07 am</a> </small>

			<p>@doc misterio<br />
> and now upon post it would appear that there is a /br in between</p>
<p>Yes, these breaks that WordPress inserts are exactly what causes the issue.  We updated the post to use a more WordPress-friendly script syntax (note the XML comments and single-line script import).  As you noted, the rich editor needs to be disabled.  Details here: <a href="http://codex.wordpress.org/Using_Javascript" rel='nofollow' onclick="javascript:urchinTracker ('/outbound/codex.wordpress.org');">http://codex.wordpress.org/Using_Javascript</a></p>
<p>Let us know if this works.
</p>

		</li>

	
	
		<li class="alt" id="comment-596">
			<cite><a href="http://www.docmisterio.com" onclick="javascript:urchinTracker ('/outbound/www.docmisterio.com');" rel='external nofollow'>doc misterio</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-596" title="">September 14th, 2006 at 9:08 am</a> </small>

			<p>@ziga<br />
&gt; I just wanted to try it because I was curious, I uploaded it to the sidebar, which is NOT in a post, and it worked like a dream - it would appear that the post is the thing that is breaking it&#8230; and according to this link you sent me, it&#8217;s hard to do JS in a post&#8230; so&#8230; now with the comment tags and the single line script&#8230;. EUREKA!!! It works - Thanks you guys so much!!!
</p>

		</li>

	
	
		<li class="" id="comment-597">
			<cite><a href="http://www.docmisterio.com" onclick="javascript:urchinTracker ('/outbound/www.docmisterio.com');" rel='external nofollow'>doc misterio</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-597" title="">September 14th, 2006 at 9:35 am</a> </small>

			<p>&#8230; and just like that&#8230; it broke again&#8230; I sent it to a friend &#8220;hey dude check out this awesome thing&#8230;&#8221; and he told me that he clicks on it and nothing happens&#8230; so I went back and sure enough&#8230; it didn&#8217;t work<br />
<a href="http://www.docmisterio.com/?page_id=22" rel="nofollow" onclick="javascript:urchinTracker ('/outbound/www.docmisterio.com');">http://www.docmisterio.com/?page_id=22</a></p>
<p>I can&#8217;t see anything wrong&#8230; I&#8217;m going to keep trying things&#8230;
</p>

		</li>

	
	
		<li class="alt" id="comment-598">
			<cite><a href="http://www.docmisterio.com" onclick="javascript:urchinTracker ('/outbound/www.docmisterio.com');" rel='external nofollow'>doc misterio</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-598" title="">September 14th, 2006 at 9:44 am</a> </small>

			<p>Ok&#8230; it would seem that this is what works&#8230;<br />
I have to put the NON single line code before the ul tags in my sidebar with a noscript around the anchor&#8230; and then I have to put the single-line code in the post, and it works&#8230; not sure why&#8230; thanks guys&#8230; I just hope I don&#8217;t have to update both instances of the code with the pictures&#8230; any idea why I have to have the code in both places&#8230; ?</p>
<p><a href="http://www.docmisterio.com" rel="nofollow" onclick="javascript:urchinTracker ('/outbound/www.docmisterio.com');">docmisterio.com</a><br />
<a href="http://www.docmisterio.com/?page_id=22" rel="nofollow" onclick="javascript:urchinTracker ('/outbound/www.docmisterio.com');">Slideshow post page</a>
</p>

		</li>

	
	
		<li class="" id="comment-600">
			<cite><a href="http://lf-photodesign.de" onclick="javascript:urchinTracker ('/outbound/lf-photodesign.de');" rel='external nofollow'>Lutz-R. Frank</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-600" title="">September 14th, 2006 at 1:37 pm</a> </small>

			<p>Cool script, Thanks for sharing &#8230; I&#8217;ve implemented it into my gallery code.<br />
Absolutely super!
</p>

		</li>

	
	
		<li class="alt" id="comment-601">
			<cite><a href="http://splurf.com" onclick="javascript:urchinTracker ('/outbound/splurf.com');" rel='external nofollow'>Jonathan</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-601" title="">September 14th, 2006 at 2:00 pm</a> </small>

			<p>Safari and IE do not run the script.<br />
Not for me atleast, as my boss has not been able to view the script at all from either of the two browsers he has. </p>
<p>Can anyone out there view from ie or safari? </p>
<p>@Ziga what do you advise? </p>
<p>- -  I would like to e-mail you the link to my site, its sensitive information I would rather not post on an open forum.  if you don&#8217;t mind taking a look at my site,<br />
<a href="mailto:mariande@gmail.com">mariande@gmail.com</a></p>
<p>j
</p>

		</li>

	
	
		<li class="" id="comment-603">
			<cite><a href="http://albums.kdunn.homeip.net/Estonia/" onclick="javascript:urchinTracker ('/outbound/albums.kdunn.homeip.net');" rel='external nofollow'>Kenny</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-603" title="">September 14th, 2006 at 4:30 pm</a> </small>

			<p>@ziga</p>
<p>Thanks very much. That information is most helpful. I much prefer using the script straight off your site. I&#8217;ll check it out some more shortly.
</p>

		</li>

	
	
		<li class="alt" id="comment-604">
			<cite><a href="http://www.bitwize.net" onclick="javascript:urchinTracker ('/outbound/www.bitwize.net');" rel='external nofollow'>Matt</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-604" title="">September 14th, 2006 at 5:27 pm</a> </small>

			<p>Great Script!</p>
<p>Works great in IE but I have an issue under Firefox(1.5.0.3).  When you start the slide show it displays the images half way out of the bottom of the window.  You can scroll down to see it but the next image drops below again.</p>
<p>You can check it at<br />
<a href="http://www.towsurfer.com/Photo/ViewGallery2.asp?PhotoGalleryID=77" rel='nofollow' onclick="javascript:urchinTracker ('/outbound/www.towsurfer.com');">http://www.towsurfer.com/Photo/ViewGallery2.asp?PhotoGalleryID=77</a><br />
&#8220;SlideShow&#8221; link above thumbnails.
</p>

		</li>

	
	
		<li class="" id="comment-605">
			<cite><a href="http://triptracker.net"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-605" title="">September 14th, 2006 at 6:37 pm</a> </small>

			<p>@Matt<br />
> I have an issue under Firefox(1.5.0.3)</p>
<p>This should be fixed now, thanks for the heads-up.</p>
<p>Note that instead of opening a new window for each photo, you can have the thumbnails linking directly to the slideshow (showing the corresponding photo first).  Simply replace the current onclick attribute values with &#8220;return viewer.show(123)&#8221; (where 123 is the index of the corresponding thumbnail; indexes start with 0).</p>
<p>Surf on <img src='http://blog.triptracker.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />
</p>

		</li>

	
	
		<li class="alt" id="comment-607">
			<cite><a href="http://www.automoblog.net" onclick="javascript:urchinTracker ('/outbound/www.automoblog.net');" rel='external nofollow'>egon</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-607" title="">September 14th, 2006 at 9:38 pm</a> </small>

			<p>OK I&#8217;m sorry for being daft here, but could someone please explain exactly how to integrate this into my site? I run Wordpress, so I don&#8217;t know if that will be a problem, but I love this slideshow, I&#8217;ve been looking for a &#8220;lightbox&#8221; slideshow for galleries but couldn&#8217;t find anything cool enough but this is perfect. I would really like to have this on my site, any help would be greatly appreciated. If it will help, my site is <a href="http://www.automoblog.net" rel='nofollow' onclick="javascript:urchinTracker ('/outbound/www.automoblog.net');">www.automoblog.net</a> Thanks!
</p>

		</li>

	
	
		<li class="" id="comment-609">
			<cite>John</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-609" title="">September 15th, 2006 at 5:52 pm</a> </small>

			<p>Very nice! I plan on setting up a personal photo website for my friends and family, and this is exactly what I was looking for to give it some style! Great work!
</p>

		</li>

	
	
		<li class="alt" id="comment-612">
			<cite>BlackYeLL</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-612" title="">September 16th, 2006 at 3:34 pm</a> </small>

			<p>(I&#8217;m french, so excuse for my english)<br />
Hi, i&#8217;m a future professionnal Webmaster, and I find that your script is very good. Will be there a &#8220;legal way&#8221; to propose it to my customers ? Do you plan to sell it ? Thank you, good job.
</p>

		</li>

	
	
		<li class="" id="comment-618">
			<cite>bdizzlefizzle</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-618" title="">September 17th, 2006 at 11:01 am</a> </small>

			<p>Braco, you saved the day!  I guess there were some hidden characters (gremlins) that I didn&#8217;t catch.  It works now.</p>
<p>As a note, I also had to take out the leading / from the image src
</p>

		</li>

	
	
		<li class="alt" id="comment-619">
			<cite><a href="http://svat.wordpress.com/2006/09/18/keletas-nuorodu-web-programuotojams-2/" onclick="javascript:urchinTracker ('/outbound/svat.wordpress.com');" rel='external nofollow'>Keletas nuorodų Web programuotojams &laquo; Paranormalaus pasaulio užeiga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-619" title="">September 18th, 2006 at 12:36 am</a> </small>

			<p>[&#8230;] Nuoroda: Revamped Slideshow [&#8230;]
</p>

		</li>

	
	
		<li class="" id="comment-625">
			<cite>seminis</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-625" title="">September 18th, 2006 at 8:43 am</a> </small>

			<p>Nice slideshow, got it to work for me. But I have a problem, I am running my site with frames, and using this code in an iFrame, is there any way to get this to run outside the iFrame instead of inside?
</p>

		</li>

	
	
		<li class="alt" id="comment-626">
			<cite><a href="http://triptracker.net"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-626" title="">September 18th, 2006 at 8:51 am</a> </small>

			<p>@seminis<br />
> is there any way to get this to run outside the iFrame</p>
<p>This is not documented yet, but the PhotoViewer constructor takes an optional window parameter. You can call it with:</p>
<p>  var viewer = new PhotoViewer(window.parent);
</p>

		</li>

	
	
		<li class="" id="comment-628">
			<cite>seminis</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-628" title="">September 18th, 2006 at 9:12 am</a> </small>

			<p>Hey ziga, I was unsuccessful with your help, probably due to my n00bness at javascript. Do I just need to edit the entry in the javascript for var viewer?
</p>

		</li>

	
	
		<li class="alt" id="comment-630">
			<cite>seminis</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-630" title="">September 18th, 2006 at 9:18 am</a> </small>

			<p>@ziga</p>
<p>Nevermind, I have sorted it out, thanks for the tip <img src='http://blog.triptracker.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />
</p>

		</li>

	
	
		<li class="" id="comment-637">
			<cite>mightytightywty</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-637" title="">September 18th, 2006 at 4:15 pm</a> </small>

			<p>Wow, this is definitely the best slideshow script I&#8217;ve seen.</p>
<p>Any chance of adding a randomize function to the panning direction?  It just seems strange to have all the images pan in the same direction.</p>
<p>Keep up the great work!
</p>

		</li>

	
	
		<li class="alt" id="comment-642">
			<cite>Randy</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-642" title="">September 18th, 2006 at 9:27 pm</a> </small>

			<p>eagerly awaiting that multi slideshow on the same page.  any update on that ?</p>
<p>Thanks!
</p>

		</li>

	
	
		<li class="" id="comment-650">
			<cite><a href="http://triptracker.net"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-650" title="">September 19th, 2006 at 7:09 am</a> </small>

			<p>Randy, the latest update will allow multiple slideshows.  Simply use a separate variable for each viewer, e.g.:</p>
<p>var viewer1 = new PhotoViewer();<br />
viewer1.add(&#8221;photo1.jpg&#8221;);</p>
<p>var viewer2 = new PhotoViewer();<br />
viewer2.add(&#8221;photo2.jpg&#8221;);
</p>

		</li>

	
	
		<li class="alt" id="comment-663">
			<cite>Philip</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-663" title="">September 20th, 2006 at 4:45 am</a> </small>

			<p>Hi Ziga! I  use multiple slideshows in my web page (HTML+CSS+Javascript) as you said:</p>
<p>var viewer1 = new PhotoViewer();<br />
viewer1.add(”photo1.jpg”);</p>
<p>var viewer2 = new PhotoViewer();<br />
viewer2.add(”photo2.jpg”); </p>
<p>And it is not working! Even I ´ve changed the javascript´s name for another, but nothing. eg: (slide.js, slide2.js, slide3.js&#8230;)  But nothing, through these ways i cant use multiple slideshows in my web page. Tell me, wat can i do?</p>
<p>Thanks!! <img src='http://blog.triptracker.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />
</p>

		</li>

	
	
		<li class="" id="comment-677">
			<cite><a href="http://www.yahoo.com" onclick="javascript:urchinTracker ('/outbound/www.yahoo.com');" rel='external nofollow'>manik</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-677" title="">September 21st, 2006 at 2:35 am</a> </small>

			<p>I wan to know ho to diaply title or name with image
</p>

		</li>

	
	
		<li class="alt" id="comment-707">
			<cite><a href="http://None" onclick="javascript:urchinTracker ('/outbound/None');" rel='external nofollow'>Tom</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-707" title="">September 22nd, 2006 at 4:52 pm</a> </small>

			<p>Is it possible to purchase a version without the Trip Tracker link on the corner of the slide control strip?</p>
<p>Very nice application!
</p>

		</li>

	
	
		<li class="" id="comment-735">
			<cite>Tom</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-735" title="">September 24th, 2006 at 5:42 pm</a> </small>

			<p>Philip&#8230;</p>
<p>You have this part correct:</p>
<p>var viewer1 = new PhotoViewer();<br />
viewer1.add(”photo1.jpg”);</p>
<p>var viewer2 = new PhotoViewer();<br />
viewer2.add(”photo2.jpg”); </p>
<p>What you need to do is change the script call (link) to refledt the above..as an example:</p>
<p><a href="void(viewer1.show(0))" rel="nofollow">Slideshow</a></p>
<p>or</p>
<p><a href="void(viewer2.show(0))" rel="nofollow">Slideshow</a></p>
<p>Those separate links will call up the appropriate gallery&#8230;
</p>

		</li>

	
	
		<li class="alt" id="comment-736">
			<cite>Tom</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-736" title="">September 24th, 2006 at 5:46 pm</a> </small>

			<p>Whoops&#8230;</p>
<p>The above showed as links&#8230;</p>
<p>&lt;a href=&#8221;void(viewer1.show(0))&#8221; &gt;Slideshow&lt;/a&gt;</p>
<p>&lt;a href=&#8221;void(viewer2.show(0))&#8221; &gt;Slideshow&lt;/a&gt;</p>
<p>(Edit by ziga: encoded HTML tags)
</p>

		</li>

	
	
		<li class="" id="comment-954">
			<cite>Marcel</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-954" title="">October 2nd, 2006 at 6:21 am</a> </small>

			<p>There is a memory leak in IE6. If you use this slideshow, there will be a loss of memory (signifikant, because images are involved) until you close the IE.</p>
<p>Is any workaround known?
</p>

		</li>

	
	
		<li class="alt" id="comment-1014">
			<cite><a href="http://www.job4joe.com" onclick="javascript:urchinTracker ('/outbound/www.job4joe.com');" rel='external nofollow'>Joe</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1014" title="">October 5th, 2006 at 2:06 pm</a> </small>

			<p>I was wondering if there was a way to disable the toolbar at the bottom of the viewer?  I was wanting to use your script to kind of &#8220;blowup&#8221; images on a page, but I don&#8217;t want people scrolling ahead to the next image until they get to that point on the main page.  Just a suggestion.</p>
<p>Thanks for your app though.  Very elegant, simple and effective.
</p>

		</li>

	
	
		<li class="" id="comment-1018">
			<cite>Michael</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1018" title="">October 5th, 2006 at 2:22 pm</a> </small>

			<p>hello,</p>
<p>i like to use the nice function &#8220;Email Photo.&#8221;<br />
Email client opens, subject ist &#8220;Photo&#8221; but in textarea there is just the local path displayed like: pictures/trt.jpg.</p>
<p>how can i get the full path of picture?</p>
<p>many thanks<br />
Michael
</p>

		</li>

	
	
		<li class="alt" id="comment-1024">
			<cite><a href="http://consultyou.net" onclick="javascript:urchinTracker ('/outbound/consultyou.net');" rel='external nofollow'>Tom</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1024" title="">October 5th, 2006 at 6:53 pm</a> </small>

			<p>Hi Michael&#8230;</p>
<p>Usse the full URL path when you list your images in the code (&#8221;viewer.add&#8221;)
</p>

		</li>

	
	
		<li class="" id="comment-1155">
			<cite><a href="http://triptracker.net"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1155" title="">October 10th, 2006 at 7:36 am</a> </small>

			<p>@Marcel<br />
> There is a memory leak in IE6</p>
<p>We added some workarounds for the IE memory leak problem, please give it another try.</p>
<p>Thanks for the report.
</p>

		</li>

	
	
		<li class="alt" id="comment-1317">
			<cite><a href="http://hadiprakarsa.com" onclick="javascript:urchinTracker ('/outbound/hadiprakarsa.com');" rel='external nofollow'>Yoki</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1317" title="">October 15th, 2006 at 10:34 pm</a> </small>

			<p>Is there somene willing to write How To guide for \
</p>

		</li>

	
	
		<li class="" id="comment-1318">
			<cite><a href="http://hadiprakarsa.com" onclick="javascript:urchinTracker ('/outbound/hadiprakarsa.com');" rel='external nofollow'>Yoki</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1318" title="">October 15th, 2006 at 10:35 pm</a> </small>

			<p>Is there somene willing to write How To guide for dummies like me? I want to implement on my blog run with WP to viewing my flickr photo
</p>

		</li>

	
	
		<li class="alt" id="comment-1347">
			<cite><a href="http://www.tudodoido.com" onclick="javascript:urchinTracker ('/outbound/www.tudodoido.com');" rel='external nofollow'>Pedro</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1347" title="">October 16th, 2006 at 9:19 am</a> </small>

			<p>Hi,<br />
Very Nice Gallery</p>
<p>Very Simple To Use it</p>
<p>I&#8217;ve Designed a Mambot for Joomla / Mambo But I Haven&#8217;t Publised Yet!</p>
<p>see a demo in action&#8230;</p>
<p><a href="http://work.tudodoido.com/index.php?option=com_content&amp;task=view&amp;id=67&amp;Itemid=76" rel='nofollow' onclick="javascript:urchinTracker ('/outbound/work.tudodoido.com');">http://work.tudodoido.com/index.php?option=com_content&amp;task=view&amp;id=67&amp;Itemid=76</a>
</p>

		</li>

	
	
		<li class="" id="comment-1361">
			<cite>Ipa</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1361" title="">October 16th, 2006 at 2:43 pm</a> </small>

			<p>First of all excellent app!</p>
<p>Would it be possible to get this to show all the images in same folder without including file names viewer.add?<br />
It would be really handy when there are 100+ photos</p>
<p>Have anyone had luck with including viewer.show in Flash GetUrl?<br />
I mean in IE photos are behind flash, but in Firefox everything are ok.
</p>

		</li>

	
	
		<li class="alt" id="comment-1371">
			<cite><a href="http://triptracker.net"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1371" title="">October 16th, 2006 at 5:31 pm</a> </small>

			<p>@Ipa<br />
> Would it be possible to get this to show all the images in<br />
> same folder without including file names viewer.add?</p>
<p>This cannot be done on client (i.e. JavaScript) side only, for security reasons.  I think this is best solved using server side code, e.g. a PHP script that traverses a photo directory and outputs JavaScript.</p>
<p>We could however add a way to specify a single text file containing image file names.  Would that help?</p>
<p>> I mean in IE photos are behind flash</p>
<p>By default, a Flash control will display above any other content.  Luckily, there&#8217;s a workaround: within the &lt;object&gt; tag where you set up the Flash file, add the following parameter:</p>
<p>  &lt;param name=&#8221;wmode&#8221; value=&#8221;transparent&#8221;&gt;</p>
<p>Details here: <a href="http://joshuaink.com/blog/82/flash-content-and-z-index" rel='nofollow' onclick="javascript:urchinTracker ('/outbound/joshuaink.com');">http://joshuaink.com/blog/82/flash-content-and-z-index</a></p>
<p>Hope this helps.  If not, please post a link to your site.
</p>

		</li>

	
	
		<li class="" id="comment-1390">
			<cite>Ipa</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1390" title="">October 17th, 2006 at 6:16 am</a> </small>

			<p>Excellent!</p>
<p>Works with &#8220;wmode&#8221;.</p>
<p>Thanks!
</p>

		</li>

	
	
		<li class="alt" id="comment-1451">
			<cite><a href="http://www.tudodoido.com" onclick="javascript:urchinTracker ('/outbound/www.tudodoido.com');" rel='external nofollow'>Pedro</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1451" title="">October 18th, 2006 at 6:04 pm</a> </small>

			<p>@Ipa<br />
yeah i know the<br />
features:<br />
Automatic Thumb Generation</p>
<p>TODO:<br />
Configuration part, some configurations are staticaly adapted in the config file and i&#8217;m trying to modify that<br />
and specify the thumbnail site too</p>
<p>when i get time i&#8217;ll will publish the component</p>
<p>PREVISION 3 days from now <img src='http://blog.triptracker.net/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  </p>
<p>@ziga<br />
i would like to incorporate the script in the component but i need Your Authorization please contact me for more Licencing / Usage Confirmation
</p>

		</li>

	
	
		<li class="" id="comment-1507">
			<cite>Nils</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1507" title="">October 20th, 2006 at 1:17 pm</a> </small>

			<p>Any plans to make this compatible with IE7?  The slideshow bar is unreliably placed in IE7 (i.e. above the pictures, on top of the pictures, way below the pictures).  BTW amazing product!
</p>

		</li>

	
	
		<li class="alt" id="comment-1515">
			<cite><a href="http://triptracker.net"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1515" title="">October 20th, 2006 at 7:15 pm</a> </small>

			<p>@Nils<br />
> Any plans to make this compatible with IE7?</p>
<p>Definitely &#8212; it worked fine in IE7/RC1, but looks like there was a change in behavior in the recent IE7 release.  Should be fixed now, thanks for the heads-up.</p>
<p>Note that for best results (i.e. fixed positioning of the toolbar), the web page should use a proper DOCTYPE and thus run in strict mode.
</p>

		</li>

	
	
		<li class="" id="comment-1639">
			<cite><a href="http://Underconstruction" onclick="javascript:urchinTracker ('/outbound/Underconstruction');" rel='external nofollow'>Luc</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-1639" title="">October 23rd, 2006 at 12:59 pm</a> </small>

			<p>Ziga said &#8220;Note that for best results (i.e. fixed positioning of the toolbar), the web page should use a proper DOCTYPE and thus run in strict mode. &#8221;</p>
<p>I am a novice when it comes to building website. Can you give me a clue on how to fix the menu at the bottom of a page in IE7, or what DOCTYPE does?
</p>

		</li>

	
	
		<li class="alt" id="comment-2363">
			<cite><a href="http://www.blogvan.com/" onclick="javascript:urchinTracker ('/outbound/www.blogvan.com');" rel='external nofollow'>blogvan.com</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-2363" title="">November 8th, 2006 at 12:47 am</a> </small>

			<p>Nice,very good!
</p>

		</li>

	
	
		<li class="" id="comment-2630">
			<cite><a href="http://www.phs1968.net" onclick="javascript:urchinTracker ('/outbound/www.phs1968.net');" rel='external nofollow'>Larry Turman</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-2630" title="">November 14th, 2006 at 8:37 am</a> </small>

			<p>Very nice, keep it up.
</p>

		</li>

	
	
		<li class="alt" id="comment-2918">
			<cite>Paul</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-2918" title="">November 18th, 2006 at 12:15 am</a> </small>

			<p>I just wabt to know if you can make the show pop up atomatically. If so can please tell me how?
</p>

		</li>

	
	
		<li class="" id="comment-2919">
			<cite>Paul</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-2919" title="">November 18th, 2006 at 12:16 am</a> </small>

			<p>Sorry &#8220;Want to know&#8221;
</p>

		</li>

	
	
		<li class="alt" id="comment-2999">
			<cite><a href="http://triptracker.net"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-2999" title="">November 18th, 2006 at 7:30 pm</a> </small>

			<p>@Paul<br />
>I just want to know if you can make the show pop up atomatically.</p>
<p>Sure &#8212; instead of using a link for the show() call, call it directly after you&#8217;ve added all of the photos, e.g.:</p>
<p>  var viewer = new PhotoViewer();<br />
  viewer.add(&#8217;/photos/my-photo-1.jpg&#8217;);<br />
  &#8230;<br />
  viewer.show(0);
</p>

		</li>

	
	
		<li class="" id="comment-4016">
			<cite>Jamie</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-4016" title="">December 2nd, 2006 at 8:35 pm</a> </small>

			<p>Hi,</p>
<p>Just wondering if it&#8217;s possible to start the slideshow automatically after the viewer is launched (ie. without having to press the &#8216;play&#8217; button).</p>
<p>If anyone&#8217;s got any ideas it would be much appreciated!</p>
<p>Thanks, Jamie
</p>

		</li>

	
	
		<li class="alt" id="comment-4367">
			<cite>kovos2000</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-4367" title="">December 11th, 2006 at 8:37 am</a> </small>

			<p>super slideshow. jen tak dal,je to moc pekne
</p>

		</li>

	
	
		<li class="" id="comment-6069">
			<cite><a href="http://svt.name" onclick="javascript:urchinTracker ('/outbound/svt.name');" rel='external nofollow'>SvT</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-6069" title="">January 4th, 2007 at 8:27 am</a> </small>

			<p>tnx!!!
</p>

		</li>

	
	
		<li class="alt" id="comment-7322">
			<cite><a href="http://underconstruction" onclick="javascript:urchinTracker ('/outbound/underconstruction');" rel='external nofollow'>wendy</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-7322" title="">February 3rd, 2007 at 1:04 pm</a> </small>

			<p>thanks for the great script<br />
I was not sure how to disable the panning - didn&#8217;t seem to work - and is there a way to disable the e-mail photo function?
</p>

		</li>

	
	
		<li class="" id="comment-7442">
			<cite><a href="http://triptracker.net"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-7442" title="">February 6th, 2007 at 7:54 am</a> </small>

			<p>@wendy<br />
viewer.disablePanning() should work as expected.  Could you post a link to the site in question, so we can have a closer look?</p>
<p>As for the email function, there is currently no way to disable it.  We may add that option in the future, we&#8217;ll keep you posted.
</p>

		</li>

	
	
		<li class="alt" id="comment-7470">
			<cite><a href="http://underconstruction" onclick="javascript:urchinTracker ('/outbound/underconstruction');" rel='external nofollow'>wendy</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-7470" title="">February 6th, 2007 at 4:27 pm</a> </small>

			<p>thanks for the reply, Ziga. I gave up on trying to disable pannning after my brother said he liked it.<br />
I have another question tho &#8230; is there a limit as to how many viewers you can call up on one website? I had quite a few different sets of photos I wanted to display.
</p>

		</li>

	
	
		<li class="" id="comment-7499">
			<cite><a href="http://triptracker.net"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-7499" title="">February 7th, 2007 at 9:07 am</a> </small>

			<p>@wendy<br />
> is there a limit as to how many viewers you can call up on one website?</p>
<p>There is no hard limit on the number of viewers.  Just make sure they have unique names (e.g. viewer1, viewer2, etc.).
</p>

		</li>

	
	
		<li class="alt" id="comment-7504">
			<cite><a href="http://underconstruction" onclick="javascript:urchinTracker ('/outbound/underconstruction');" rel='external nofollow'>wendy</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-7504" title="">February 7th, 2007 at 10:52 am</a> </small>

			<p>thanks again for the reply.<br />
I am using unique names and all was going along fine, until the 5th viewer and now I get messages: viewer5 is null and photoviewer is undefined &#8230; even tho I have not changed anything except the number from the 4th viewer which is working fine.
</p>

		</li>

	
	
		<li class="" id="comment-7506">
			<cite><a href="http://superbikes.741.com/" onclick="javascript:urchinTracker ('/outbound/superbikes.741.com');" rel='external nofollow'>bike</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-7506" title="">February 7th, 2007 at 11:20 am</a> </small>

			<p>Has visited your site and has understood that to me up to such still far!!! It is beautifully issued, the convenient navigation, an interesting content!!! Good fellows!!! More often on you I shall look.
</p>

		</li>

	
	
		<li class="alt" id="comment-7510">
			<cite><a href="http://underconstruction" onclick="javascript:urchinTracker ('/outbound/underconstruction');" rel='external nofollow'>wendy</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-7510" title="">February 7th, 2007 at 11:32 am</a> </small>

			<p>hmmm &#8230; tried using another number and it worked, maybe it didn\\\&#8217;t like the number 5? thanks!
</p>

		</li>

	
	
		<li class="" id="comment-7806">
			<cite><a href="http://www.wine.0catch.com" onclick="javascript:urchinTracker ('/outbound/www.wine.0catch.com');" rel='external nofollow'>Stan</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-7806" title="">February 13th, 2007 at 3:55 am</a> </small>

			<p>Yes,it didn\\\’t like the number 5.<br />
I more than am assured.  <img src='http://blog.triptracker.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />
</p>

		</li>

	
	
		<li class="alt" id="comment-8361">
			<cite>D.Won</cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-8361" title="">February 25th, 2007 at 5:10 am</a> </small>

			<p>is there a way to implement that slideshow to a gallery?load pics from directory. (changing the highslide code)</p>
<p>  //Different popup methods<br />
       switch ($displayPopup) {<br />
       		//No popup<br />
       		case 0:</p>
<p>       			break;<br />
       		//Normal popup<br />
       		case 1:<br />
       			$imgtag = &#8220;target=\&#8221;_blank\&#8221;";<br />
       			break;<br />
       		//Fancy popup using JS (This one generates errors in IE6, so offered as an option)<br />
       		case 2:<br />
       			//Load stylesheet business for JS Highslide<br />
       			$imgtag = &#8220;class=\&#8221;highslide\&#8221; onclick=\&#8221;return hs.expand(this)\&#8221;";<br />
       			?&gt;<br />
				/components/com_rsgallery2/js_highslide/highslide.css&#8221; type=&#8221;text/css&#8221; /&gt;<br />
				/components/com_rsgallery2/js_highslide/highslide.js&#8221;&gt;</p>
<p>					hs.graphicsDir = &#8216;/components/com_rsgallery2/js_highslide/graphics/&#8217;;<br />
					hs.showCredits = false;<br />
					hs.outlineType = &#8216;drop-shadow&#8217;;<br />
					window.onload = function() {<br />
						hs.preloadImages();<br />
		    		}
</p>

		</li>

	
	
		<li class="" id="comment-8391">
			<cite><a href="http://willbeonlinesoon" onclick="javascript:urchinTracker ('/outbound/willbeonlinesoon');" rel='external nofollow'>koponic</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-8391" title="">February 26th, 2007 at 8:32 am</a> </small>

			<p>hello<br />
Wow, what a wonderfull and so class slideshow!<br />
I&#8217;ve got the same question as Jamie :<br />
&#8220;Just wondering if it’s possible to start the slideshow automatically after the viewer is launched (ie. without having to press the ‘play’ button).&#8221;<br />
It will be very helpfull .<br />
Thanks!
</p>

		</li>

	
	
		<li class="alt" id="comment-8393">
			<cite><a href="http://triptracker.net"rel='external nofollow'>ziga</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-8393" title="">February 26th, 2007 at 8:39 am</a> </small>

			<p>@Jamie, koponic<br />
> Just wondering if it’s possible to start the slideshow<br />
> automatically after the viewer is launched</p>
<p>We&#8217;ve now added a new method: enableAutoPlay().  Check the slideshow documentation page for details:<br />
<a href="http://slideshow.triptracker.net/howto.html" rel='nofollow'>http://slideshow.triptracker.net/howto.html</a></p>
<p>@D.Won</p>
<p>Loading the images from a directory is possible of course, but this needs to be done in server code (e.g. PHP).  JavaScript alone cannot be used to browse photos on the disk.</p>
<p>In server code, you would basically list all of the images in a directory and output a &#8220;viewer.add(&#8230;);&#8221; script line for each file.  I&#8217;m sure others will be able to provide samples here.
</p>

		</li>

	
	
		<li class="" id="comment-8394">
			<cite><a href="http://triptracker.net"rel='external nofollow'>Braco</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-8394" title="">February 26th, 2007 at 8:40 am</a> </small>

			<p>@koponic, @Jamie</p>
<p>&gt; Just wondering if it’s possible to start the slideshow automatically after the viewer is launched&#8230;</p>
<p>Yes, this option was recently added to the API. Use the &#8220;enableAutoPlay()&#8221; method. It&#8217;s documented here:</p>
<p><a href="http://slideshow.triptracker.net/howto.html" rel='nofollow'>http://slideshow.triptracker.net/howto.html</a>
</p>

		</li>

	
	
		<li class="alt" id="comment-8403">
			<cite><a href="http://willbeonlinesoon" onclick="javascript:urchinTracker ('/outbound/willbeonlinesoon');" rel='external nofollow'>koponic</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-8403" title="">February 26th, 2007 at 10:28 am</a> </small>

			<p>Thank you! thank you! thank you!!!
</p>

		</li>

	
	
		<li class="" id="comment-8700">
			<cite><a href="http://haraldsonfamily.com" onclick="javascript:urchinTracker ('/outbound/haraldsonfamily.com');" rel='external nofollow'>Craig</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-8700" title="">March 2nd, 2007 at 10:14 pm</a> </small>

			<p>Just wanted to pass along a thank you for this slideshow script.  I\&#8217;m using it on my family website and it works perfectly and looks fabulous!  Kudos to the programmer(s).
</p>

		</li>

	
	
		<li class="alt" id="comment-9799">
			<cite><a href="http://www.stratboy.com" onclick="javascript:urchinTracker ('/outbound/www.stratboy.com');" rel='external nofollow'>stratboy</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-9799" title="">March 27th, 2007 at 2:50 pm</a> </small>

			<p>Great tool!  I&#8217;m very impressed.</p>
<p>One question&#8230;.how can I change the font color when using titles?  Changing the font size with setFontSize() is great, but my Grandmother has bad eyes, so I was hoping to try a few different font colors or weights to help her out.</p>
<p>Thanks for the great tool!
</p>

		</li>

	
	
		<li class="" id="comment-9835">
			<cite><a href="http://www.stratboy.com" onclick="javascript:urchinTracker ('/outbound/www.stratboy.com');" rel='external nofollow'>stratboy</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-9835" title="">March 28th, 2007 at 1:20 pm</a> </small>

			<p>got it.  I just added the following line to the js file that sets the photoTitle style:</p>
<p>photoTitle.style.fontWeight=&#8221;bold&#8221;;</p>
<p>I didn&#8217;t bother making it configurable like setFontSize(), but I&#8217;m sure one could if they
</p>

		</li>

	
	
		<li class="alt" id="comment-9836">
			<cite><a href="http://www.stratboy.com" onclick="javascript:urchinTracker ('/outbound/www.stratboy.com');" rel='external nofollow'>stratboy</a></cite> Says:
						<br />

			<small class="commentmetadata"><a href="#comment-9836" title="">March 28th, 2007 at 1:22 pm</a> </small>

			<p>&#8230;wanted to.
</p>

		</li>

	
	
	</ol>

 


<h3 id="respond">Leave a Reply</h3>


<form action="http://blog.triptracker.net/wp-comments-post.php" method="post" id="commentform">


<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" />
<label for="author"><small>Name (required)</small></label></p>

<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>

<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>


<!--<p><small><strong>XHTML:</strong> You can use these tags: &lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;code&gt; &lt;em&gt; &lt;i&gt; &lt;strike&gt; &lt;strong&gt; </small></p>-->

<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>

<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type="hidden" name="comment_post_ID" value="17" />
</p>
		<!-- Captcha Plugin Version 2.5 by Boriel ;-) -->
		<a name="captcha_input"></a><div class="captcha"><p class="captcha_1"><input type="hidden" name="public_key" value="43667" />

<img class="captchapict" src="http://blog.triptracker.net/wp-content/plugins/captcha/captcha.php?x=43667" alt="This is a captcha-picture. It is used to prevent mass-access by robots. (see: www.captcha.net)" title="captcha" />
</p>
<p class="captcha_1">You must read and type the <b>5 chars</b> within <b>0..9</b> and <b>A..F</b>, and submit the form.</p><p class="captcha_1"><input class="captcha" type="text" name="private_key" value="" maxlength="5" size="5" />&nbsp;&nbsp;<input class="captcha" type="submit" value="submit" /></p>
</div>
</form>
<div class="captcha"><form style="display:inline;" name="captcha2" action="http://blog.triptracker.net/?p=17#captcha_input" method="post">
<p class="captcha_2">Oh no, I cannot read this. Please, generate a  <input class="captcha" name="submit" type="submit" value="new ID" /></p>
<input type="hidden" name="captcha_refresh" value="1" /></form></div>			<script type="text/javascript">
			<!--
			  function addField (form, fieldType, fieldName, fieldValue) {
				if (document.getElementById) {
					var input = document.createElement('INPUT');
					if (document.all) { // what follows should work with NN6 but doesn't in M14
						input.type = fieldType;
						input.name = fieldName;
						input.value = fieldValue;
					} else { // so here is the NN6 workaround
						input.setAttribute('type', fieldType);
						input.setAttribute('name', fieldName);
						input.setAttribute('value', fieldValue);
					}    		
					
					form.appendChild(input);
				}
			  }
			  
			  function getField(form, fieldName) {
				if (!document.all)
					return form[fieldName];
				else  // IE has a bug not adding dynamically created field  as named properties so we loop through the elements array 
					for (var e = 0; e < form.elements.length; e++)
						if (form.elements[e].name == fieldName)
							return form.elements[e];
				return null;
			  }
			  
			  function getCommentFormId() {
				 for (var e = 0; e < document.forms.length; e++)
				     for (var i = 0; i < document.forms[e].elements.length; i++)
						if (document.forms[e].elements[i].name == 'comment_post_ID')
							return e;
						
				 return -1;
			  }
	
			  // Copy fields from post form to captcha form, to recover them later		  
			  function copyFields() {
				var field;
				var i;
				
				i = getCommentFormId();
				
				field = getField(document.captcha2, 'comment1');
				field.value = document.forms[i].comment.value;
				
				field = getField(document.captcha2, 'author1');
				field.value = document.forms[i].author.value;
	
				field = getField(document.captcha2, 'url1');
				field.value = document.forms[i].url.value;
	
				field = getField(document.captcha2, 'email1');
				field.value = document.forms[i].email.value;
				
				field = getField(document.captcha2, 'private_key1');
				field.value = document.forms[i].private_key.value;
				
				field = getField(document.captcha2, 'public_key1');
				field.value = document.forms[i].public_key.value;
			  }
			  
			  var i;
			  i = getCommentFormId();
			  
			  document.forms[i].submit.disabled = true;
			  document.forms[i].submit.style.display = 'none';
			  addField(document.captcha2, 'hidden', 'comment1', '');
			  addField(document.captcha2, 'hidden', 'author1', '');
			  addField(document.captcha2, 'hidden', 'url1', '');
			  addField(document.captcha2, 'hidden', 'email1', '');
			  addField(document.captcha2, 'hidden', 'private_key1', '');
			  addField(document.captcha2, 'hidden', 'public_key1', '');
			  addField(document.forms[i], 'hidden', 'back', 'http://blog.triptracker.net/?p=17#captcha_input');
			  
			  				
			  document.captcha2.submit.onclick = copyFields;
			  //-->
			</script>
			<form action="" method="post" id="dummy" style="display:none">
			 <input type="hidden" name="dummy" value="" />
	
</form>


	
		
	</div>


<hr />
<div id="footer">
	<p>
		TripTracker Blog is proudly powered by 
		<a href="http://wordpress.org">WordPress</a>
		<br /><a href="feed:http://blog.triptracker.net/feed/">Entries (RSS)</a>
		and <a href="feed:http://blog.triptracker.net/comments/feed/">Comments (RSS)</a>.
		<!-- 28 queries. 0.570 seconds. -->
	</p>
</div>
</div>

<!-- Theme based on http://binarybonsai.com/kubrick/ -->

		
</body>
</html>

<!-- Dynamic Page Served (once) in 0.570 seconds -->
<!-- Cached page served by WP-Cache -->
