Slideshow with Filmstrip - Strip jumps too many thumbnails

Hi,
Thanks for looking at my post and thanks in advance if you can help me.
I recently decided I wanted to try using the Slideshow & Filmstrip Widget on my web site to help display my gallery.
I feel I have been successful in adjusting the scripts to customise it to my web site, however there is one I just can’t seem to solve.
On the filmstrip I have 10 thumbnails. When my page loads it displays 6 of the thumbs. However if you press the right arrow, it jumps to show thumbs 9 & 10 without showing 7 & 8.
Can I change how many thumbs the filmstrip jumps? Or is there an alternate way of fixing this problem?
My site can be found here http://www.exhibitionsinternational.co.uk/2012/grottos/cabin/cabins.htm
Thanks again,
Brian

Thank you.
That was brilliant. Thanks again for your help
Regards,
Brian

Similar Messages

Spry Image Slideshow with Filmstrip, thumbnail problem in Safari

I'm adding a spry image slideshow with filmstrip in Dreamweaver CS5 on a Mac. I have a folder of images with a large and small (Thumbnail) version of the photos I'd like to use. I've relinked all of the images that are inserted as placeholders by the widget: Source for thumbnail versions and link for large versions. When I preview in Firefox all is well. When I preview in Safari, the filmstrip has white boxes rather than the thumbnail images. Everything else is fine. (It previews correctly in Safari before I change the links.) What am I doing wrong?

I have a similar problem. I've added a note to reference your problem. I've not got an answer to date.
Cliff

Spry Image Slideshow with Filmstrip controls showing ABOVE images?

Hi all,
I've never used these forums before and apologise in advance for my first discussion being a request for help!
I recently added the Spry Image Slideshow with Filmstrip to a page and am not sure which property I need to modify to get the controls to show on top of the image. I think this is an issue with the two column layout I'm using but am not knowledgeable in the least about code and would appreciate your help.
http://gailspantry.com/testindex.
Many many thanks!
Rune

Hi folks, any ideas re this issue? Really hope someone can help.

Spry Image Slideshow with Filmstrip- Filmstip thumbs loading incorrectly

Hello, I am hoping someone will be able to help me. I loaded the Widget for the Spry Image Slideshow with Filmstrip. After reading several tutorials as that the product did not work correctly, I finally got the corrupted .js fixed (thanks Accustic Gramps for all your posts very helpful when going through looking). First page looks great, now, I put the slideshow on another page and loaded it, but the filmstrip is now loading off placement so the thumbs are all messed up.
Hoping someone can help me.
here is the code and the link:   http://www.highqualitycontractinginc.com/additions.html
<!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>
<title>High Quality Contracting Inc- Craftsmanship You Can Trust</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>High Quality Contracting Inc- Craftsmanship You Can Trust</title>
<meta name="author" content="Mouse Bytez- Website Design and Hosting Services" />
<meta name="Description" content="High Quality Contracting, Inc- serving Southeastern Wisconsin for all of your contracting, remodeling needs." />
<meta name="Classification" content="Building and remodeling Contractor " />
<meta name="ROBOTS" content="ALL" />
<meta name="distribution" content="local" />
<meta name="verify-v1" content="Adu52DLSLorp36w7Ec2sX5iUCtXJGFKRzejTHlondpg=" />
<link rel="stylesheet" href="stylesheets/style.css" type="text/css" />
<script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
<script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
<script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryT humbnailFilmStripPlugin.js" type="text/javascript"></script>
<script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryT itleSliderPlugin.js" type="text/javascript"></script>
<script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryP anAndZoomPlugin.js" type="text/javascript"></script>
<link href="http://www.highqualitycontractinginc.com/Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.c ss" rel="stylesheet" type="text/css" />
<style type="text/css">
#ImageSlideShow {
    width: 500px;
    border: solid 4px #000000;
    background-color: #FFFFFF;
    padding-top: 10px;
#ImageSlideShow .ISSName {
    top: -24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    color: #000000;
#ImageSlideShow .ISSSlideTitle {
    top: -18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    overflow: hidden;
    color: #AAAAAA;
    text-transform: none;
#ImageSlideShow .ISSClip {
    height: 400px;
    border: solid 1px #000000;
    background-color: #000000;
#ImageSlideShow .ISSControls {
    top: 11px;
    height: 400px;
#ImageSlideShow .FilmStrip {
    height: 80px;
    background-color: #CCCCCC;
#ImageSlideShow .FilmStripPreviousButton, #ImageSlideShow .FilmStripNextButton {
    width: 25px;
    height: 80px;
#ImageSlideShow .FilmStripTrack {
    height: 80px;
#ImageSlideShow .FilmStripContainer {
    height: 80px;
#ImageSlideShow .FilmStripPanel {
    height: 80px;
    padding-left: 10px;
#ImageSlideShow .FilmStripPanel .ISSSlideLink {
    border: solid 1px #AAAAAA;
    background-color: #FFFFFF;
#ImageSlideShow .FilmStripPanel .ISSSlideLinkRight {
    border: solid 1px #AAAAAA;
    width: 56px;
    height: 47px;
#ImageSlideShow .FilmStripCurrentPanel .ISSSlideLink {
    background-color: #FFFFFF;
    border-color: #FF0000;
#ImageSlideShow .FilmStripCurrentPanel .ISSSlideLinkRight {
    border-color: #AAAAAA;
</style>
<script type="text/xml">

</script>
</head>
<body>

<div id="wrapper" class="bg">
    
      <div id="mainCntr">
        
        <div id="headerCntr">
          <h1><img src="images/bbbsealh1US.gif" width="135" height="51" /></h1>
              
          <div class="menuCntr">
                    <ul>
                      <li class="selected"><a href="index.html" class="home">Home</a></li>
                      <li><a href="about.html" class="home">About </a></li>
                      <li><a href="links.html" class="links">Links</a></li>
                      <li><a href="service.html" class="service">Services</a></li>
                      <li><a href="contact.html" class="contact">Contact</a></li>
                    </ul>
          </div>
              
       </div>
        
       <img src="images/logo.jpg" width="987" height="289" alt="High Quality Contracting Inc" />       
      <div id="contentCntr">
          
          <div id="leftCntr">
            
                
            <div class="featurdBox">
                 <ul>
                    <li onclick="tab1()" ><a href="javascript:void(null); class="active">Menu</a>
                        <ul id="first" style="display: block;">
                            <li><a href="additions.html" title="remodeling additions"> Addition Construction</a></li>
                            <li><a href="affiliates.html" title="affiliates">Affiliates </a></li>
                            <li><a href="cabinetry.html" title="cabinetry construction">Cabinetry Construction</a></li>
                            <li><a href="chimney.html" title="chimney construction and repair">Chimney Construction/Repair</a></li>
                            <li><a href="about.html" title="company profile">Company Profile </a></li>
                            <li><a href="decks.html" title="custom deck builders">Custom Decks </a></li>
                            <li><a href="http://www.johnsonbankmortgage.com/vmyszewski" title="financing services through Johnson Bank" target="_blank">Financing Services </a></li>
                            <li><a href="flooring.html" title="hardwood, carpet, tile flooring">Flooring Services </a></li>
                           <li> <a href="grading.html" title="grading services">Grading Services </a></li>
                          <li> <a href="garages.html" title="garage construction and remodeling">Garages Construction</a></li>
                          <li><a href="interior.html" title="interior walls and painting">Interior Walls </a></li>
                           <li><a href="organizations.html" title="organizations"> Organizations & Charities</a></li>
                           <li><a href="rec_rooms.html" title="rec rooms and bonus rooms"> Rec Rooms/Bonus Rooms </a></li>
                                                      <li><a href="rough_carptentry.html" title="rough carpentry"> Rough Carpentry</a></li>
                           <li><a href="siding.html" title="vinyl siding"> Siding Services </a></li>
                           <li><a href="testimonial1.html" title="testimonial 1"> Testimonial 1</a></li>
                           <li><a href="testimonial2.html" title="testimonial 2"> Testimonial 2</a></li>
                           <li><a href="testimonial3.html" title="testimonial 3"> Testimonial 3</a></li>
                           <li><a href="testimonial4.html" title="testimonial 4"> Testimonial 4</a></li>
                           <li><a href="testimonial5.html" title="testimonial 5"> Testimonial 5</a></li>
                           <li><a href="testimonial6.html" title="testimonial 6"> Testimonial 6</a></li>
                           <li><a href="testimonial7.html" title="testimonial 7" class="last"> Testimonial 7</a></li>
                      </ul>
                    </li>
                  </ul>
            </div>
            
        </div>
          
          
          <div id="rightCntr">
              
            <div class="welcomeBox">
              <h2>Home Additions examples</h2>
              <ul id="ImageSlideShow" title="High Quality Contracting Inc ">
            <li><a href="images/2011/large/Additionafter1.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Additionafter1.jpg" alt="Wisconsin Addition Construction" /></a></li>
            <li><a href="images/2011/large/2nd-floor-addition.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/2nd-floor-addition.jpg" alt="Wisconsin Addition Construction" /></a></li>
            <li><a href="images/2011/large/Caledonia-addition-After1.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Caledonia-addition-After1.jpg" alt="Wisconsin Construction and Remodeling" /></a></li>
            <li><a href="images/2011/large/addition.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/addition.jpg" alt="Wisconsin Addition Construction" /></a></li>
            <li><a href="images/2011/large/Addition-framing2.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Addition-framing.jpg" alt="Wisconsin Addition Construction" /></a></li>
            <li><a href="images/2011/large/Elm-Grove-Addition-After.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-After.jpg" alt="Wisconsin Construction and Remodeling" /></a></li>
            <li><a href="images/2011/large/Completion-2nd-floor-additi.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Completion-2nd-floor-additi.jpg" alt="Wisconsin Addition Construction" /></a></li>
            <li><a href="images/2011/large/Caledonia-addition-rear-vie.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Caledonia-addition-rear-vie.jpg" alt="Wisconsin Addition Construction" /></a></li>
            <li><a href="images/2011/large/Elm-Grove-Addition-After1.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-After1.jpg" alt="Wisconsin Addition Construction" /></a></li>
            <li><a href="images/2011/large/Elm-Grove-Addition-After.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-After.jpg" alt="Wisconsin Addition Construction" /></a></li>
            <li><a href="images/2011/large/Addition-framing2.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Addition-framing1.jpg" alt="Wisconsin Addition Construction" /></a></li>
            <li><a href="images/2011/large/Elm-Grove-Addition-During.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-During.jpg" alt="Wisconsin Addition Construction" /></a></li>
            <li><a href="images/2011/large/Dormer.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Dormer.jpg" alt="Wisconsin Addition Construction" /></a></li>
            <li><a href="images/2011/large/Caledonia-addition-After.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Caledonia-addition-After.jpg" alt="Wisconsin Construction and Remodeling" /></a></li>
          </ul>
          <script type="text/javascript">
// BeginOAWidget_Instance_2141543: #ImageSlideShow
var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
    widgetID: "ImageSlideShow",
    widgetClass: "BasicSlideShowFS",
    injectionType: "replace",
    autoPlay: true,
    displayInterval: 4000,
    transitionDuration: 2000,
    componentOrder: ["name", "title", "view", "controls", "links"],
    sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },
    plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin, Spry.Widget.ImageSlideShow.TitleSliderPlugin, Spry.Widget.ImageSlideShow.PanAndZoomPlugin ],
    TFSP: { pageIncrement: 8, wraparound: true }
// EndOAWidget_Instance_2141543
                       </script>
            </div>
            
            <div class="portfolioBox">
                <h2>Home addition construction
</h2>
                <p class="style21">Sometimes moving is just an option, yet you need that extra space. As a master home remodeler, High Quality Contracting Inc can build your 1st or 2nd story addition creating the perfect space and improving the look of your home. We have years of experience in creating beautiful functional additions. </p>
                <p> </p>
                <p class="style21">We offer the following:
               <br /><br /></p>
                <ul>
                  <li class="style21"><strong>* 1st and 2nd floor additions</strong></li>
                  <li class="style21"><strong>* In-law suites</strong> </li>
                  <li class="style21"><strong>* Sun Room Additions </strong></li>
                  <li class="style21"><strong>* Garden Room Additions </strong></li>
                  <li class="style21"><strong> * Home Office Addtions </strong></li>
                  <li class="style21"><strong> * Three Season Room Additions </strong></li>
                  <li class="style21"><strong> * Great Room Additions</strong> </li>
                  <li class="style21"><strong> * Hot Tub Room Additions</strong></li>
                  <li class="style21"><strong> * Family Room Additions</strong> </li>
                  <li class="style21"><strong> * Home Theater Addtions</strong> </li>
                  <li class="style21"><strong> * Many more options available</strong> </li>
              </ul>
            </div>
              
          </div>
          
       </div>
      
    </div>
    
    
    <div id="footerCntr">
            <div class="footerBox">
                 <a href="http://www.facebook.com/pages/High-Quality-Contracting-Inc/154074487989079?sk=wall" target="_blank"><img src="images/facebook.jpg" alt="High Quality Contracting Facebook Page" width="52" height="47" border="0" /></a>
                <p align="center">© High Quality Contracting, Inc All Rights Reserved| Web Site by: <a href="http://www.mousebytez.com" title="mouse bytez, llc" target="_blank">Mouse Bytez,LLC</a></p>
              </div>
    </div>
    
</div>

</body>
</html>

My apology, mousebytez, I now notice that you had already supplied the URL to your site in your first post.
And now my second apology, I have tried the page in IE7+ and in FF and see no problem. Could you please bear with this old soul and explain the problem a bit further.
Gramps

Spry Image Slideshow with Filmstrip (1.0) - strange behavior

I am developing a fairly simple website based on Adobe's fixed two-column, header & footer template. The left column is now 180 px wide, with the right column being 630 px. When I place the Lightbox Gallery Widget into the editable region of the main content area, it works fine. When I place the Wanderlust theme Spry Content Slideshow, it works fine. When I place the Spry Image Slideshow Basic, it works fine. But when I place the Spry Image Slideshow with Filmstrip, it works sorta... The navigation buttons work but are displaced toward the top of the image area and the photos are significantly below them. It works, but it look terrible. (see below) When I place the same widget into a blank HTML page it works fine, there is no displacement. I have tried resizing just about everything including the main content area width, the view port, etc. It does not matter if I use the default or an edited version of the widget. What am I doing wrong? Or what do I need to change? I really like the way the widget looks, but cannot get it to work.
I am doing all of this in CS5 on a Mac (10.6.4).

vw2ureg,
Thanks for your help. I, too, was able to get it to work with a page with the default two-column, fixed template. I must have made an error in resizing the template and/or am resizing the widget incorrectly. I think my dimensions for the template are as follows: left column (180 content, 20 left padding, 10 right padding, 210 total) and main content (210 left margin, because the left column is floated; 630 content, 20 left, 20 right padding, 670 total). Which both fit into a container of 880px. Correct? Yet even when the widget view port is sized to 600, I still get the effect shown in my original post. FYI, in order to reduce sources of error I have stuck with the demo images rather than inserting my own at this point.
Once again, I do appreciate your help. Although I'm very much the newbie at this, I'm finding it very interesting.

Image slideshow with filmstrip display problem

I'm not sure whether this is the right discussion group for this and therefore if it is wrong I apologise.
Using Dreamweaver CS5 under Windows XP I've developed a new website and tested it to my satisfaction. I've now started to deploy the pages to my new live site. The majority of the deployment has been just using the Synchronize Sitewide facility. As far as I can see everything is working as expected except for one page.
This uses the Spry Image Slideshow with Filmstrip - Basic:#ImageSlideShow. In my development site the varying size pictures display with the picture and black background. In my live page when selecting a new image parts of the previous image are still showing. Can anyone please advise what I should change or need to do for the pictures to display correctly?
The live page can be found at http://baughen.co.uk/HarryBaughan.html
The above snapshot illustrates the error.
Thanks
Cliff
Level - novice++

Thanks for the suggestion but this code was already in at line 4.
The pan and zoom seems to have kicked in since my last change (I went back and deleted the widget and then reinserted). The problem is less noticeable unless you click on the individual thumbnails. Is there any straightforward documentation on how to manage the pan and zoom, even if it is just to remove it?
Thanks
Cliff

Spry Image Slideshow with Filmstrip doesn't work in IE, but works in Safari and Firefox

Hello,
The Spry slideshow with filmstrip wiget works fine in Firefox and Safari. However, it does not work in Internet Explorer. The slideshow looks like it is loading (the little circle spins), then it disappears and the slideshow is replaced with an empty space and a little white box with the red x (that normally signifies a missing picture of picture that can't load for some reason). Has anyone found a solution to this problem? I was hoping that the widget would work in Safari, Firefox, and IE. Does anyone know of another option for adding a slideshow that works in all three browsers?
Thanks!!

gatorgirl,
Here are the first lines in my template. The Spry Menu script src and link statements are the only two lines that have to be moved (on your template or any page for that matter) above the Spry Slideshow src and link statements. Just leave the Slideshow code in the same position that Dreamweaver inserts it.   When you create a new document from your template, Dreamweaver leaves it alone. Just set it and forget it.   I've wrestled with all sorts of other solutions listed on this forum and this is the fix that continues to work for me! It seems to me that the only reason this solution works is that javascript is a procedural language and some code in the Spry Slideshow javascript has some conflict (maybe a name/symbol problem) with the Spry Slideshow javascript. If someone else knows the absolute reason for this ordering problem, please feel free to come back and teach me!! Always ready to learn something new!!
I hope this helps you!
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link REL="SHORTCUT ICON" HREF="http://pcpros.com/images/alfred.ico">

<title>PC Pros Consulting Services and Programming Examples</title>

<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />


<style type="text/css">
<!--
body {
    background: #42413C;
    margin: 0;
    padding: 0;
    color: #000;
    background-image: url(../images/PCPback1.jpg);
    font-family: "Times New Roman", Times, serif;
    font-size: 100%;
    line-height: normal;

Spry Slideshow with Filmstrip not working in IE Browsers

I'm working on a brand new website design and am trying to incorporate the Spry Slideshow with Filmstrip on a lot of the pages. It works and loads great on every browser except IE versions. On IE it will show it correctly for a second and then changes it to show one picture above the other. Can someone please help me figure out what to do to make it work for IE?
Here's a link to one of the test pages.
http://4034.sandbox.i3dthemes.net/oceankayakbanzai.html
Thanks for your help in advance!

I have a similar problem. I've added a note to reference your problem. I've not got an answer to date.
Cliff

Spry Image Slideshow with Filmstrip IE8 Play/Back/Forward Arrows Problem

Please help me. I'm using the Spry Image Slideshow with Filmstrip widget on my web page: http://new.radcal.com/accugold2.html#sensoroptabs. In Firefox, Safari, Internet Explorer 9 it displays properly but in Internet Explorer 8 the gray Play/Back/Forward Arrows automatically appear on the Viewport (main large slide area) when the page loads and they do not go away, ever. Whereas in the other browsers these arrows only show up when I move my mouse into the viewport area and go away as soon as I take my mouse off the viewport area.
I need the arrows to behave in IE8 like they do in IE9, Firefox, etc. I do not know javascript but I imagine there is some javascript code that could solve this problem. Does anyone know of a solution? Please help me...

At the top of your document you have
<html>

<head>
Add the DOCTYPE as follows
<!DOCTYPE HTML>
<html>

<head>
Without a DOCTYPE on the very first line of the document, IE goes into Quirks Mode
Gramps
PS Normally I do not monitor this forum, hence this reply after having received your PM

Digital Editions: The account you tried to log in with is activated on too many devices.

Digital Editions: The account you tried to log in with is activated on too many devices.
How do i reset it???
Chat does not run, my english is not got enough to call the hotline.
I didn*t find out how to contact adobe support by email :-(((
So, what can i do? Please help.
Otherwise, i can not read my ebooks any longer :-(((

The only people that I'm aware of who can reset your activation count is
the Adobe Help line that you call. And many of those people have to be
told that it is their job. This forum does not have the ability to forward
posts to Adobe technical support to get these kinds of problems resolved.
Trust in your English - or perhaps have a friend that speaks English better
do the talking.
I have to ask what you have been doing that used up all of the
activations. We need to fix the root of the problem.
=================

Spry image gallery with filmstrip - how to display all thumbnails?

Hello,
I'm using the Spry image gallery with filmstrip and want to be able to show all thumbnails. So instead of scrolling across to see all the thumbnails I would like to display them in a couple of rows. I thought it would be a case of changing the css from overflow: hidden to overflow: visible and increasing the height but this didn't make a difference.
An example of my gallery is here http://www.demo.femmewebsites.com/gallery.html (This site doesn't have many thumbnails but I have others with 20+ images that need to be displayed)
Your help would be much appreciated.
Thanks

Hello Krista,
did you have a look here: http://labs.adobe.com/technologies/spry/demos/pe_gallery.html, where you will find DW "Photo Gallery Demos". In every demo, are arranged a large number of images in several rows and rows. Therefrom you can use their source codes.
Hans-Günter

Overloading a DATE function with TIMESTAMP to avoid "too many declarations"

CREATE OR REPLACE PACKAGE util
AS
FUNCTION yn (bool IN BOOLEAN)
    RETURN CHAR;
FUNCTION is_same(a varchar2, b varchar2)
    RETURN BOOLEAN;
FUNCTION is_same(a date, b date)
    RETURN BOOLEAN;
/* Oracle's documentation says that you cannot overload subprograms
   * that have the same type family for the arguments. But,
   * apparently timestamp and date are in different type families,
   * even though Oracle's documentation says they are in the same one.
   * If we don't create a specific overloaded function for timestamp,
   * and for timestamp with time zone, we get "too many declarations
   * of is_same match" when we try to call is_same for timestamps.
FUNCTION is_same(a timestamp, b timestamp)
    RETURN BOOLEAN;
FUNCTION is_same(a timestamp with time zone, b timestamp with time zone)
    RETURN BOOLEAN;
/* These two do indeed cause problems, although there are no errors when we compile the package. Why no errors here? */
FUNCTION is_same(a integer, b integer) return boolean;
FUNCTION is_same(a real, b real) return boolean;
END util;
CREATE OR REPLACE PACKAGE BODY util
AS
     NAME: yn
     PURPOSE: pass in a boolean, get back a Y or N
FUNCTION yn (bool IN BOOLEAN)
    RETURN CHAR
IS
BEGIN
    IF bool
    THEN
      RETURN 'Y';
    END IF;
    RETURN 'N';
END yn;
     NAME: is_same
     PURPOSE: pass in two values, get back a boolean indicating whether they are
              the same. Two nulls = true with this function.
FUNCTION is_same(a in varchar2, b in varchar2)
    RETURN BOOLEAN
IS
    bool boolean := false;
BEGIN
    IF a IS NULL and b IS NULL THEN bool := true;
    -- explicitly set this to false if exactly one arg is null
    ELSIF a is NULL or b IS NULL then bool := false;
    ELSE bool := a = b;
    END IF;
    RETURN bool;
END is_same;
FUNCTION is_same(a in date, b in date)
    RETURN BOOLEAN
IS
    bool boolean := false;
BEGIN
    IF a IS NULL and b IS NULL THEN bool := true;
    -- explicitly set this to false if exactly one arg is null
    ELSIF a is NULL or b IS NULL then bool := false;
    ELSE bool := a = b;
    END IF;
    RETURN bool;
END is_same;
FUNCTION is_same(a in timestamp, b in timestamp)
    RETURN BOOLEAN
IS
    bool boolean := false;
BEGIN
    IF a IS NULL and b IS NULL THEN bool := true;
    -- explicitly set this to false if exactly one arg is null
    ELSIF a is NULL or b IS NULL then bool := false;
    ELSE bool := a = b;
    END IF;
    RETURN bool;
END is_same;
FUNCTION is_same(a in timestamp with time zone, b in timestamp with time zone)
    RETURN BOOLEAN
IS
    bool boolean := false;
BEGIN
    IF a IS NULL and b IS NULL THEN bool := true;
    -- explicitly set this to false if exactly one arg is null
    ELSIF a is NULL or b IS NULL then bool := false;
    ELSE bool := a = b;
    END IF;
    RETURN bool;
END is_same;
/* Don't bother to fully implement these two, as they'll just cause errors at run time anyway */
FUNCTION is_same(a integer, b integer) return boolean is begin return false; end;
FUNCTION is_same(a real, b real) return boolean is begin return false; end;
END util;
declare
d1 date := timestamp '2011-02-15 13:14:15';
d2 date;
t timestamp := timestamp '2011-02-15 13:14:15';
t2 timestamp;
a varchar2(10);
n real := 1;
n2 real;
begin
dbms_output.put_line('dates');
dbms_output.put_line(util.yn(util.is_same(d2,d2) ));
dbms_output.put_line(util.yn(util.is_same(d1,d2) ));
dbms_output.put_line('timestamps'); -- why don't these throw exception?
dbms_output.put_line(util.yn(util.is_same(t2,t2) ));
dbms_output.put_line(util.yn(util.is_same(t,t2) ));
dbms_output.put_line('varchars');
dbms_output.put_line(util.yn(util.is_same(a,a)));
dbms_output.put_line(util.yn(util.is_same(a,'a')));
dbms_output.put_line('numbers');
-- dbms_output.put_line(util.yn(util.is_same(n,n2))); -- this would throw an exception
end;
/Originally, I had just the one function with VARCHAR2 arguments. This failed to work properly because when dates were passed in, the automatic conversion to VARCHAR2 was dropping the timestamp. So, I added a 2nd function with DATE arguments. Then I started getting "too many declarations of is_same exist" error when passing TIMESTAMPs. This made no sense to me, so even though Oracle's documentation says you cannot do it, I created a 3rd version of the function, to handle TIMESTAMPS explicitly. Surprisingly, it works fine. But then I noticed it didn't work with TIMESTAMP with TIME ZONEs. Hence, the fourth version of the function. Oracle's docs say that if your arguments are of the same type family, you cannot create an overloaded function, but as the example above shows, this is very wrong.
Lastly, just for grins, I created the two number functions, one with NUMBER, the other with REAL, and even these are allowed - they compile. But then at run time, it fails. I'm really confused.
Here is the apparently incorrect Oracle documentation on the matter: http://docs.oracle.com/cd/B12037_01/appdev.101/b10807/08_subs.htm (see overloading subprogram names), and here are the various types and their families: http://docs.oracle.com/cd/E11882_01/appdev.112/e17126/predefined.htm.
Edited by: hotwater on Jan 9, 2013 3:38 PM
Edited by: hotwater on Jan 9, 2013 3:46 PM

>
So, I added a 2nd function with DATE arguments. Then I started getting "too many declarations of is_same exist" error when passing TIMESTAMPs. This made no sense to me
>
That is because when you pass a TIMESTAMP Oracle cannot determine whether to implicitly convert it to VARCHAR2 and use your first function or implicitly convert it to DATE and use your second function. Hence the 'too many declarations' exist error.
>
, so even though Oracle's documentation says you cannot do it, I created a 3rd version of the function, to handle TIMESTAMPS explicitly. Surprisingly, it works fine. But then I noticed it didn't work with TIMESTAMP with TIME ZONEs.
>
Possibly because of another 'too many declarations' error? Because now there would be THREE possible implicit conversions that could be done.
>
Hence, the fourth version of the function. Oracle's docs say that if your arguments are of the same type family, you cannot create an overloaded function, but as the example above shows, this is very wrong.
>
I think the documentation, for the 'date' family, is wrong as you suggest. For INTEGER and REAL the issue is that those are ANSI data types and are really the same Oracle datatype; they are more like 'aliases' than different datatypes.
See the SQL Language doc
>
ANSI, DB2, and SQL/DS Datatypes
SQL statements that create tables and clusters can also use ANSI datatypes and datatypes from the IBM products SQL/DS and DB2. Oracle recognizes the ANSI or IBM datatype name that differs from the Oracle Database datatype name. It converts the datatype to the equivalent Oracle datatype, records the Oracle datatype as the name of the column datatype, and stores the column data in the Oracle datatype based on the conversions shown in the tables that follow.
INTEGER
INT
SMALLINT
NUMBER(38)
FLOAT (Note b)
DOUBLE PRECISION (Note c)
REAL (Note d)
FLOAT(126)
FLOAT(126)
FLOAT(63)

Slideshow with filmstrip plz help, can't find the answer anywhere!

Hi, I'm def not a website designer but need to do 1 up for myself and am trying to keep it pretty basic.
I'm using 2 widgets, a menu and the slideshow with filstrip. The slideshow worked fine for me but my dropdown menu would always be under it so you couldn't see some of the ones to click on. To fix this I played with the z-index and it finally worked when I added a z-index of -1 to the slideshow. However now the slideshow is simply that a slideshow. I can no longer go forward or backwards or pause nor can I click on the thumbnails to go directly to those images.
Does anyone know what Im doing wrong. Either to get this going or to remove the z-index so the slideshow works but have a way to get my drop down menu then still infront of the slideshow? Its almost as if I need my menu infront of the slideshow but the slide show controls in front of the menu and I have no idea what I'm doing.
Please if you have any ideas or suggestions I would love any help possible, I'm going insane here! :S Thank-you all so much in adance!

sorien,
You can run dual monitors.
The following combinations are possible in DualView mode:
digital monitor (onboard DVI) + analog monitor (onboard VGA)
digital monitor (onboard DVI) + TV (onboard TV out)
As GeForce 6150 has only one RAMDAC (Random Access Memory Digital/Analog Converter), the following combination is not possible:
analog monitor with a DVI to VGA adapter (onboard DVI) + analog monitor (onboard VGA)
analog monitor (onboard VGA) + TV (onboard TV out)
Take Care,
Richard

Trying to sync iPhone with iCloud.. says too many devices.Remove one

What is the process to remove iOS devices from your iCloud. Trying to sync iPhone with iCloud under the settings and it says too many devices. Remove one.
Thanks

I suspect the message is referring to you having too many devices associated with the Apple ID you are using for iCloud. You can have a maximum of 10 devices associated with an Apple ID, 5 of which can be computers. This article explains how to remove a device from your Apple ID: http://support.apple.com/kb/HT4627.

Size of thumbnails in spry image slideshow with filmstrip

is there some way to make it so the thumbnails on the filmstrip show a mini pic of the actual linked photo.
At the moment it only shows a section of the photo (often BG) which kind of defeats the purpose of having a thumbnail filmstrip at all.
Thanks for your time

Yes.
When you click on the thumbnails in live mode it shows the pics at whatever size they are originally saved as in your file. So I had to take each pic thru photoshop and save them as the size I wanted them displayed at so they were more consistent and fit better on the screen.
The size of the pics in the code refers to the size of the thumbnails so I changed them there (~72 x 60px).
Wishing you a bright day

Slideshow with Filmstrip - Strip jumps too many thumbnails

Similar Messages

Maybe you are looking for