<div>
Javascript has little to do with this example. JS only manages the chromeless window and button roll-overs. Going by the url parameters, there's a database back end that handles each slide show. 
 
A little more info is needed from you though. Are you familiar with handling databases in dreamweaver? 
 
If you have a small budget, popping this little app would be sweet: - <a href="http://www.projectseven.com/products/galleries/ssm/index.htm" rel="ugc">http://www.projectseven.com/products/galleries/ssm/index.htm</a>
</div>

<div>
Thanks v2. I am not familiar with handling databases in DW. The client I'm building this site for doesn't have a budget for me to add a database-driven gallery. We were going to use some of the built-in DW widgets to add some photos, but the client sent me the link I posted above after we'd already set a price for the project and asked, &quot;Can you do this?&quot; I don't like to say &quot;No, not with your budget,&quot; without researching first. 
 
I found a free gallery app for my previous project,(see <a href="https://www.experts-exchange.com/questions/23969337/Looking-for-Idiot-proof-ASP-Photo-Gallery.html" rel="ugc">https://www.experts-exchange.com/questions/23969337/Looking-for-Idiot-proof-ASP-Photo-Gallery.html</a>&nbsp;) but it ended up costing me big-time, as it took our programmers nine hours to incorporate it into our existing ASP.NET project! 
 
I like the projectseven gallery, but I don't know how I could use it to create a page like the one I linked to above.
</div>

<div>
Either way, someone will have to write up some custom code for you. The final part of presenting a slide show in a pop-up window is, unfortunately, the easy part. This could be coded up in a matter of minutes. The not-so-easy part is how to administer the different slideshows. As you have posted any requirements for this, that leaves only the end product to discuss. 
 
You have two choices; static or dynamic image handling. If static, the image paths in a given slideshow are outputted to a javascript array. When the pop window loads, the prev-next buttons iterate through the array of images. If dynamic, the prev-next buttons use dynamic URL's to request the desired image from the server and the request is processed by server-side code, an asp.net script in your case. 
 
Which would you prefer?
</div>

<div>
&gt;&gt; If you have a small budget, popping this little app would be sweet: 
 
Ugh. &nbsp;Why not use lightview instead? &nbsp; 
<a href="http://www.nickstakenburg.com/projects/lightview/" rel="ugc">http://www.nickstakenburg.com/projects/lightview/</a> 
 
PVII produces some nice stuff, but I think they are optimistically priced (read: &nbsp;overpriced). 

</div>

<div>
That's just a lightbox spin-off Jason, and isn't intended for a pop-up (also doesn't work on my FF3 install). I would have recommended lightbox if it weren't for the pop-up requirement.
</div>

<div>
lightview, lightbox, viewbox, boxview. 
 
I get so confused.
</div>

<div>
lightview, lightbox, viewbox, boxview, lightheaded...... 
 
I'm going to have to read your post above more carefully, v2, before I can answer your question. In fact, I'm not even sure I know what the question is. A quick glance tells me, probably the first, since it doesn't involve asp.net scripting. But then, I don't know all the advantages/disadvantages of either method. 
 
I'm so confused......
</div>

<div>
v2, please define &quot;administer&quot; the slide shows. I have one thing in mind, but you may have another. Do you mean, administer on an ongoing basis, adding new pictures, shows, etc? If that's what you mean, that would be done, not by the client, but by me - I have an ongoing maintenance agreement with them post-launch. 
 
If you mean something else altogether, then please 'splain.
</div>

<div>
v2, THANK YOU, this looks amazing! I will not have a chance to experiment with it until Monday. If it's all right with you, I'd like to keep this question open in case I have trouble implementing or understanding your instructions.
</div>

<div>
I haven't forgotten about you, v2. I just haven't had the opportunity to implement this yet .... can we leave it open just a little longer?
</div>

<div>
no worries - q'n can stay open for about a week or so before a mod comes along and starts closing it down.
</div>

<div>
I'm still working on this. I had another little problem I have to figure out before I can go on to this feature. &quot;Please don't throw me on the cart, I'm not dead yet.&quot;
</div>

<div>
Ok, v2, I've made some progress on this - but obviously, there is something about the instructions above that I'm missing or don't understand correctly. 
 
<a href="http://www.jpcltdservices.com/Project_gallery.html" rel="ugc">http://www.jpcltdservices.com/Project_gallery.html</a> 

<pre><code class="code-100 nolinks" id="code-274366">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;!-- InstanceBegin template=&quot;/Templates/Alternate Template.dwt&quot; codeOutsideHTMLIsLocked=&quot;false&quot; --&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;!-- InstanceBeginEditable name=&quot;doctitle&quot; --&gt;
&lt;title&gt;JPC Project Gallery&lt;/title&gt;
&lt;!-- InstanceEndEditable --&gt;
&lt;style type=&quot;text/css&quot;&gt;
&lt;!--
body {
	background-image: url(Images/BGattempt3.jpg);
	background-repeat: repeat;
}
 
--&gt;
&lt;/style&gt;
&lt;!-- InstanceBeginEditable name=&quot;head&quot; --&gt;
 
&lt;link href=&quot;main.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
&lt;!-- InstanceEndEditable --&gt;
&lt;script src=&quot;SpryAssets/SpryMenuBar.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;link href=&quot;SpryAssets/SpryMenuBarVertical.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
 
&lt;link href=&quot;mainalt.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
&lt;/head&gt;
 
&lt;body&gt;
&lt;table class=&quot;MainContent&quot; width=&quot;800&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
 &lt;tr&gt;
 	&lt;td class=&quot;MainContent&quot;&gt;
&lt;div align=&quot;left&quot;&gt;&lt;img src=&quot;Images/JPCMasthead.jpg&quot; alt=&quot;Masthead&quot; width=&quot;800&quot; height=&quot;119&quot; /&gt;&lt;br /&gt;
 &lt;img src=&quot;Images/20YearsServiceBanner.gif&quot; alt=&quot;20 Years Serving Central New York&quot; width=&quot;800&quot; height=&quot;30&quot; /&gt;&lt;br /&gt;
 &lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 
 &lt;tr class=&quot;MainContent&quot; align=&quot;left&quot; valign=&quot;top&quot;&gt;
 &lt;td class=&quot;MainContent&quot;&gt;
 &lt;table width=&quot;790&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;7&quot;&gt;
 &lt;tr&gt;
 &lt;td width=&quot;16%&quot; valign=&quot;top&quot;&gt;
 
 
 
 
 &lt;ul id=&quot;MenuBar1&quot; class=&quot;MenuBarVertical&quot;&gt;
 
 &lt;li&gt;&lt;a href=&quot;index.html&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;residential.html&quot; class=&quot;MenuBarItemSubmenu&quot;&gt;Residential Services&lt;/a&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;a href=&quot;air_duct_r.html&quot;&gt;Air Duct Cleaning&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;carpet_r.html&quot; class=&quot;MenuBarItemSubmenu&quot;&gt;Carpet &amp;amp; Upholstery Cleaning&lt;/a&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;a href=&quot;carpet_FAQ_r.html&quot;&gt;Carpet Cleaning FAQ&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;One_minute_movie.html&quot;&gt;Carpet Cleaning Movie&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;water_r.html&quot;&gt;Water Damage Restoration&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;mold_r.html&quot;&gt;Mold Remediation&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;fire_r.html&quot;&gt;Fire &amp;amp; Smoke Cleanup&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;biorecovery_r.html&quot;&gt;Bio-Recovery Services&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;testimonials_r.html&quot;&gt;Testimonials&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;packages_r.html&quot;&gt;Packages&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;specials_r.html&quot;&gt;Specials&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;commercial.html&quot; class=&quot;MenuBarItemSubmenu&quot;&gt;Commercial Services&lt;/a&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;a href=&quot;air_duct_c.html&quot;&gt;Air Duct Cleaning&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;carpet_c.html&quot; class=&quot;MenuBarItemSubmenu&quot;&gt;Carpet &amp;amp; Upholstery Cleaning&lt;/a&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;a href=&quot;carpet_FAQ_c.html&quot;&gt;Carpet Cleaning FAQ's&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;water_c.html&quot;&gt;Water Damage Restoration&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;mold_c.html&quot;&gt;Mold Remediation&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;fire_c.html&quot;&gt;Fire &amp;amp; Smoke Cleanup&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;biorecovery_c.html&quot;&gt;Bio-Recovery Services&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;testimonials_c.html&quot;&gt;Testimonials&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;about.html&quot;&gt;About Us&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;contact.html&quot;&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;links.html&quot;&gt;Links&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;newsletters.html&quot;&gt;Newsletters&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;Project_gallery.html&quot;&gt;Project Gallery&lt;/a&gt; &lt;/li&gt;
 &lt;/ul&gt;
 &lt;p align=&quot;left&quot; class=&quot;style23&quot;&gt;&amp;nbsp; &lt;/p&gt;
 &lt;/td&gt;
 &lt;td width=&quot;84%&quot; valign=&quot;top&quot;&gt;&lt;!-- InstanceBeginEditable name=&quot;EditMe&quot; --&gt;
 &lt;p&gt;&amp;nbsp;&lt;/p&gt;
 &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot;&gt;
 function popSlide() {
 window.open('','slideShow','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=400,left=50,top=50,titlebar=no');
 }
&lt;/script&gt;
&lt;/head&gt;&lt;body&gt;
&lt;ul&gt;
 &lt;li&gt;&lt;a href=&quot;pop_slide_show_1.html&quot; target=&quot;slideShow&quot; onclick=&quot;popSlide()&quot;&gt;Slideshow 1 link&lt;/a&gt;&lt;/li&gt;
 
 &lt;p&gt;&amp;nbsp;&lt;/p&gt;
 &lt;p&gt;&amp;nbsp;&lt;/p&gt;
 &lt;!-- InstanceEndEditable --&gt;&lt;/td&gt;
 &lt;/tr&gt;
 
 &lt;/table&gt;
 &lt;table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;3&quot;&gt;
 &lt;tr&gt;
 &lt;td&gt;&amp;nbsp;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&amp;nbsp;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;p&gt;&amp;nbsp;&lt;/p&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
&lt;/table&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
&lt;!--
var MenuBar1 = new Spry.Widget.MenuBar(&quot;MenuBar1&quot;, {imgRight:&quot;../SpryAssets/SpryMenuBarRightHover.gif&quot;});
//--&gt;
&lt;/script&gt;
&lt;/body&gt;
&lt;!-- InstanceEnd --&gt;&lt;/html&gt;
</code></pre>
</div>

<div>
The relative paths to the image files are pointing to a folder above root &quot;../&quot; 
 
Remove all instances of &quot;../&quot; from the image paths and you're in business.
</div>

<div>
Ok, I did that, still no joy..... 
 
Do I need to put the images in a different location - not inside a sub-folder of the root folder - in order for this to work? They are in <a href="http://www.jpcltdservices.com/Images/DuctSlides/filename.jpg" rel="ugc">http://www.jpcltdservices.com/Images/DuctSlides/filename.jpg</a>&nbsp;I thought I'd make a separate folder within the Images folder for each slide show, just to keep things organized. 

<pre><code class="code-10 nolinks" id="code-274470">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;&lt;title&gt;Commercial Carpet Cleaning Slide Show&lt;/title&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;style type=&quot;text/css&quot;&gt;
&lt;!--
body 
{ margin: 0px; padding: 0px;}
--&gt;
&lt;/style&gt;
&lt;/head&gt;
&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;
 var num = 0;
 var slides = [];
 
 // add new slides by copying the last line of the array, increase the
 // array index by 1, then modify the image text and path to suit.
 // If the image text has an apostrophy, escape it with a backslash for eg: -
 // 'Bob\'s car is red.' - NOT 'Bob's car is red.'
 //
 // slides[index] = [ 'slide text' , 'path/to/image.jpg' ]
 slides[1] = ['This is a dirty air duct.','Images/DuctSlides/CDC-1.jpg'];
 slides[2] = ['See how grubby this is!','Images/DuctSlides/CDC-2.jpg'];
 slides[3] = ['Kinda makes you wanna barf, doesn't it?','Images/DuctSlides/CDC-3.jpg'];
 slides[4] = ['But this is how clean it could be!','Images/DuctSlides/CDC-4.jpg'];
 
 var limit = slides.length;
 
 function loadSlide(i) {
 num = num + i;
 if(num &lt; 1) num = 1;
 if(num &gt; limit) num = limit;
 if(slides[num]) {
 slideTxt = slides[num][0];
 slideImg = slides[num][1];
 } else {
 slideTxt = slides[1][0];
 slideImg = slides[1][1];
 }
 document.getElementById(&quot;slide&quot;).src = slideImg;
 document.getElementById(&quot;slideText&quot;).innerHTML = slideTxt;
 window.focus(); 
 }
&lt;/script&gt;
&lt;body&gt;
&lt;table width=&quot;580&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;6&quot; cellspacing=&quot;0&quot;&gt;
 &lt;tr&gt;
 &lt;td colspan=&quot;3&quot;&gt;
 &lt;div align=&quot;center&quot;&gt;&lt;img src=&quot;&quot; alt=&quot;slide image&quot; name=&quot;slide&quot; width=&quot;350&quot; height=&quot;263&quot; id=&quot;slide&quot; style=&quot;background-color: #999999&quot; /&gt;&lt;/div&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td height=&quot;37&quot; colspan=&quot;3&quot;&gt;
 &lt;div align=&quot;center&quot; id=&quot;slideText&quot;&gt;Some text to describe this image.&lt;/div&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td width=&quot;288&quot;&gt;&lt;a href=&quot;javascript:loadSlide(-1);&quot;&gt;Previous&lt;/a&gt;&lt;/td&gt;
 &lt;td width=&quot;292&quot;&gt;
 &lt;div align=&quot;center&quot;&gt;&lt;a href=&quot;javascript:close();&quot;&gt;close&lt;/a&gt;&lt;/div&gt;
 &lt;/td&gt;
 &lt;td width=&quot;292&quot;&gt;
 &lt;div align=&quot;right&quot;&gt;&lt;a href=&quot;javascript:loadSlide(1);&quot;&gt;Next&lt;/a&gt;&lt;/div&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
&lt;/table&gt;
&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;
 loadSlide(1);
&lt;/script&gt;
&lt;/body&gt;&lt;/html&gt;
</code></pre>
</div>

<div>
And, as long as you're looking ..... if I wanted to place a thumbnail above the description, how do I include that in the &quot;link&quot;?
</div>

<div>
Well I'll be dipped - I found it! It was the stray apostrophe in &quot;doesn't&quot; in one of the captions! 
 
I still haven't discovered how to include the thumbnail on the gallery page in the link....
</div>

<div>
&quot;I still haven't discovered how to include the thumbnail on the gallery page in the link....&quot; 
 
That's another question.
</div>

<div>
I did it. I don't suppose it will &quot;validate&quot;, but it works. Thanks!
</div>

<div>
Thanks for giving me the actual SOLUTION, not just a bunch of 'search results' to weed through. 
</div>

<div>
<div class="content wysiwyg-content">
I'd like to incorporate a slide show like this one in a web project I'm creating in Adobe DW CS3 
 
<a href="http://www.obererthompson.com/restoration/" rel="ugc">http://www.obererthompson.com/restoration/</a> 
 
Can anyone point me to a source for this script?
</div>
</div>

I'd like to incorporate a slide show like this one in a web project I'm creating in Adobe DW CS3

http://www.obererthompson.com/restoration/

Can anyone point me to a source for this script?

Javascript slide show in popup window?

Web development software is used to create websites for both the Internet and intranets. Software can be either locally installed or operated through a cloud interface, and ranges in complexity from simple text editors to full-fledged integrated development environments (IDEs) that include graphics, video, audio, scripting and database support.

Web Development Software

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.

AJAX

Adobe Dreamweaver is a web development tool featuring both WYSIWYG and code editors that allow the user to quickly and easily build websites in a wide variety of languages, including ASP, ASP.NET, ColdFusion and PHP. It also offers support for CSS and JavaScript.