Show thumbnail with spry

Hi,
I want to upload images using ADDT.
Normally I show the thumnails with the "show thumbnail"server behaviour.
Now I want to create a spry image gallery.
How can I get the thumnails with spry from the images which I have uploaded with the "Upload and Resize Image" serverbehaviour?
Is this possible?
Regards,
C.J.

Hi Günter,
>wow, that is one of the greatest suggestions I read since a long time
Man, I'll print your post and show to my kid :)
>Maybe some PHP based preprocessing of the recordset´s column value, e.g. a str_replace or whatever ?
I solve this issue using the getimagesize() function and adding the size to the file name using substr():
list($img_width, $img_height, $img_type, $img_attr) = getimagesize("../GalleryFolderName/" . $row_detail2imagens['AlbumField'] . "/" . $row_detail2imagens['FileField']);
list($thumb_width, $thumb_height, $thumb_type, $thumb_attr) = getimagesize("../GalleryFolderName/" . $row_detail2imagens['AlbumField'] . "/thumbnails/" . substr($row_detail2imagens['FileField'], 0, -4) . "_140x105" . substr($row_detail2imagens['FielField'], -4));
$thumb_width = ($thumb_width / 10) * 7;
$thumb_height = ($thumb_height / 10) * 7;
This generates the code for thumbnails section of my xml. Notice that $thumb_width and &thumb_height are set to 70% of the actual file size. This makes the Spry thumbs to grow onmouseover.
It is also important to notice is needed to use a nested loop to sort the images per albums.
Cheers!
Marcell

Similar Messages

  • DNG files created with LR4 do not show thumbnails

    Hi, 
    When using LR3 to create DNG files from my RAW files, those files would show me thumbnails of my image in Windows Explorer.  I am running Windows/7 (64) and have installed a CODEC from "Fast Picture Viewer" that allows thumbnails from RAW & DNG files to be shown.   It seems, however, that the thumbnails do not show for DNG's created with LR4.
    To Remedy this I uninstalled the CODEC.  Downloaded the most recent version and installed it but this did not fix the problem.
    I then went to the user forum for the CODEC product and searched for my problem.  I found a thread who's solution is to turn off "Embed Fast Load Data" when exporting to DNG and it fixes the problem.  I tried this and indeed it did fix it.  The responder went on to say ".....When this option is enabled the files created are no longer DNGs (just an undocumented private format of Adobe that no one else can read to this date)".   This statement surprised me as it is counter to what I understand Adobe created DNG to be.  Can I get some input on this comment as if true it is very troubling.
    My second question is that I see where to turn off the "Embed Fast Load Data" in the LR Export module, but where do I do the same thing in the Import module when I'm selecting import mode "Copy to DNG"?
    And, my thrid question is this.  If indeed the DNG files created by LR4 are proper DNG files and this CODEC is just flawed in some way, does anyone have a better way to allow image thumbnails to be shown in Windows Explorer?
    Thanks -- Dan

    Hi David,
    You testing does not coincide with mine.  I have consistently kept "Use
    lossy compression" turned off.  With lossy turned off, it seems that using
    Fast Data Load prevents the thumbnails from displaying whereas turning off
    "Fast Data Load" allows the thumbnail to be shown.
    Below is comment from Adobe confirming that they have yet to release the
    spec containing "Fast Data Load".
    From: Ian Lyons [email protected]
    Sent: Tuesday, June 05, 2012 12:29 AM
    To: Califdan
    Subject: DNG files created with LR4 do not show
    thumbnails
    Re: DNG files created with LR4 do not show thumbnails
    created by Ian Lyons in Photoshop Lightroom - View the full discussion

  • A 'normal' thumbnail-image structure with Spry

    Hello.
    I would like to ask the devolopers of Spry if it is possible
    to implement, with Spry classes, a basic structure for the opening
    of an image from a thumbnail. I examined your examples about the
    photo gallery but I would like to perform a more simple behaviour.
    Having a Spry-enhanced table like this:
    <tbody spry:repeatchildren="dsRisultatiRicerca"
    spry:choose="choose" >
    <tr spry:default="default"
    spry:setrow="dsRisultatiRicerca" spry:hover="rowHover"
    spry:select="rowSelected">
    <td align="center" width="119" height="119">
    <a href="#open"
    onclick="openImage('{MYIMAGE}');"><img src="{MYTHUMBNAIL}"
    border="0"></a>
    </td>
    <td>{CODE}</td>
    </tr>
    [etc...]
    I would like that at the click upon MYTHUMBNAIL a 'modal' div
    appeared with the same characteristics (in terms of borders, shape
    transition and fade) of the example of your Photo Gallery.
    The 'opened' image should be visualized in the center of the
    screen and it should be possible to close the div with a button 'X'
    or similar.
    I would thank you if you could provide some support on this
    matter.
    Newcomsas

    Hi Gowda,
    According to your description, I understand that the meeting request contain picture will be auto increased when send to recipients.
    If I misunderstand your concern, please do not hesitate to let me know.
    How about the internal or external mail flow with Outlook client?
    It’s by default for external mail flow with outlook. Messages increase in size while in transit through the Internet beyond the actual sum of the size of text, graphics, pictures, and attachments.
    Encoding of a message for transmission through the Internet leads to a size increase of approximately one-third.
    I find an similar thread about this question, for you reference:
    https://social.technet.microsoft.com/Forums/office/en-US/25eebccb-4cf6-43af-b16c-336e1c60a735/inserting-picture-in-meeting-request-size-increasing?forum=outlook
    Best Regards,
    Allen Wang

  • "Image not Found" error with Show Thumbnails

    Using Dreamweaver's ADDT "Show Thumbnail" server behavior, I get an "image not found" error. The thumbnail has been created because I can see in on the remote server. I am new at this, please help!

    >>
    And If I change the "File List Recordset" to get images subfolders related to a rename rule, {dogs_images_recordset.id_dog) I get an image displayed, but its always the same image and corresponds only to one record (the first of the display list)
    >>
    I´m now trying to understand your scenario -- so if I get it right, the file list recordset retrieves the correct image folder
    (assuming you´re passing the dynamic folder name from e.g. an URL variable "id_dog"), but just displays one image rather than looping through all images in that directory ? However, can you please post the code of the page containing the file list recordset ?
    Günter Schenk
    Adobe Community Expert, Dreamweaver

  • Slimbox not working with Spry Dataset

    Hi there,
    I'm trying to populate a page with Spry Dataset and use Slimbox2 to show a set of 4 images when a thumbnail is clicked.
    The original webpage WITHOUT Spry Dataset is here:
    http://shadowmuseum.com/portfolio/p-web.html
    Currently it works with just slimbox, but as soon as I add a Spry Dataset, the large images won't load anymore. When a thumbnail is clicked on, it opens the 1st large image of the set in a new page, completely removing the lightbox effect.
    I've scouted the internet for solutions; it's been suggested that slimbox doesn't work because spry doesn't have time to load the content first. But I'm not savvy with javascript at all, so have no idea how to work around it....
    Any help would be greatly appreciated.
    Thanks a lot.
    P.S. Below is the HTML code for the page with both spry & slimbox:
    <!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"><!-- InstanceBegin template="/Templates/bone.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="keywords" content="Shadow Museum, design, photography, london, web, web design, ana, ana lorraine lui, benjamin, backhouse, E1, E8, N16, graphic design, st martins, creative, agency, bespoke, multi-disciplinary" /><meta name="description" content="London based bespoke multi-disciplinary creative agency. Services include web design, photography, print design, and filmmaking." />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Shadow Museum || London-based bespoke multi-disciplinary creative agency</title>
    <script type="text/javascript" src="../zzAssets/scripts/Lightbox/jquery-1.3.1.min.js"></script>
    <script type="text/javascript" src="../zzAssets/scripts/Lightbox/js/slimbox2.js"></script>
    <script src="../zzAssets/scripts/SpryAssets/xpath.js" type="text/javascript"></script>
    <script src="../zzAssets/scripts/SpryAssets/SpryData.js" type="text/javascript"></script>
    <link rel="stylesheet" href="../zzAssets/scripts/Lightbox/css/slimbox2.css" type="text/css" media="screen" />
    <!-- InstanceEndEditable -->
    <link href="../zzAssets/scripts/main.css" rel="stylesheet" type="text/css" />
    <script src="../zzAssets/scripts/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../zzAssets/scripts/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../zzAssets/scripts/clock/clockp.js"></script>
    <script type="text/javascript" src="../zzAssets/scripts/clock/clockh.js"></script>
    <!-- InstanceBeginEditable name="head" -->
    <script type="text/javascript">
    <!--
    var dsWeb = new Spry.Data.XMLDataSet("p-web.xml", "portfolio/project");
    dsWeb.setColumnType("info", "html");
    //-->
    </script>
    <!-- InstanceEndEditable --><!-- InstanceParam name="footer" type="boolean" value="true" --><!-- InstanceParam name="clock" type="boolean" value="true" -->
    </head>
    <body>
    <div id="clock_a"></div>
    <div id="menu">
      <ul id="mainMenu" class="MenuBarHorizontal">
        <li><a href="../index.html">Home</a>      </li>
        <li><a href="../news/news.html">News</a></li>
        <li><a class="MenuBarItemSubmenu" href="#">About</a>
            <ul>
              <li><a href="../about/our_story.html">Our Story</a></li>
              <li><a href="../about/our_values.html">Our Values</a></li>
            </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">Services</a>
          <ul>
            <li><a href="../services/web_design.html">Web Design</a></li>
            <li><a href="../services/print_design.html">Print Design</a></li>
            <li><a href="../services/photography.html">Photography</a></li>
            <li><a href="../services/filmmaking.html">Filmmaking</a></li>
            </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">Portfolio</a>
          <ul>
            <li><a href="p-web.html">Web Design</a></li>
            <li><a href="p-print.html">Print Design</a></li>
            <li><a href="p-photography.html">Photography</a></li>
            <li><a href="p-filmmaking.html">Filmmaking</a></li>
          </ul>
        </li>
        <li><a href="../contact/contact.html">Contact</a></li>
      </ul>
    </div>
    <!-- InstanceBeginEditable name="content area" -->
    <div id="content">
      <div id="p-web">
        <h2>Web  Portfolio</h2>
         <div class="SpryHiddenRegion" spry:region="dsWeb">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr spry:repeat="dsWeb">
            <td align="center" valign="top">
                   <a href="../zzAssets/images/p-web/{pic1}" rel="{label}" title="{title}"><img src="../zzAssets/images/p-web/{thm}" width="180" height="130" /></a>
                   <a href="../zzAssets/images/p-web/{pic2}" rel="{label}" title="{title}"></a>
                   <a href="../zzAssets/images/p-web/{pic3}" rel="{label}" title="{title}"></a>
                   <a href="../zzAssets/images/p-web/{pic4}" rel="{label}" title="{title}"></a>
              </td>
            <td align="left" valign="top">
                   <h3>{title}</h3>
                   {info}
                   <p><a href="http://{url}" target="_blank">{url-label}</a></p>
              </td>
          </tr>
        </table>
         </div>
        <p> </p>
      </div>
    </div>
    <!-- InstanceEndEditable -->
    <div id="footer">
      <div id="watermarkRight">
        <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td align="left" valign="top">©2009 Shadow Museum | Company Number 6576238
              | <a href="../terms.html" class="colourless">Terms &amp; Conditions</a></td>
            <td align="right" valign="top">contact us: <a href="mailto:[email protected]">[email protected]</a></td>
          </tr>
        </table>
      </div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("mainMenu", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    <!-- InstanceEnd --></html>

    You are not re-initializing the lightbox library code after Spry have generated the markup.
    You can use the Spry region observer onPostUpdate to get notified of region re-generation and recall the initialization code of the lightbox.

  • Spry static gallery combined with Spry Effect Observers

    I have set up a Spry static gallery using the
    demo
    here.
    I would like to add a cross fade for the main image using the
    Spry Effect Observers shown at the bottom of
    this
    demo page.
    I like the thumbnail grow effect used in the first demo and
    like to add a cross fade for the main image when the thumbnail is
    clicked. Have someone built such an example or can someone show me
    how it is done? Typically I have 4 thumbnails/images per product
    page.

    Mr. Andersson wrote:
    > I thnik I know what's going on now...
    >
    > I tried Fireworks and it has a built in Slideshow
    creator. The setting that
    > dont use Flash uses Spry and looks like the Spry gallery
    demo. The settings
    > using Flash have cross fading images.
    >
    > From this I got the idea that Adobe maybe dont want us
    to cross fade with
    > Spry. They want to push Flash instead. It could explain
    the total silence from
    > Adobe in various threads where this question is asked.
    This is a user to user forum, Adobe will never reply to you.
    Also, Spry is still a pre-release framework, its nowhere near
    finished.
    Its the kind of framework where you take whats available and
    make
    something out of it, its very flexible if you know
    javascript.
    I am learning javascript just to understand the little bits
    that I am
    experimenting with, I think its the only way forward if you
    intend to do
    something outside the box.
    Dooza
    Posting Guidelines
    http://www.adobe.com/support/forums/guidelines.html
    How To Ask Smart Questions
    http://www.catb.org/esr/faqs/smart-questions.html

  • Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome

    Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome. Works in IE. This is my first time trying to post a question - so please be kind. I am also not good with code and am finding css a real challenge after learning to design based on tables. I'm using CS5.
    The "test" page with the slide show is: http://www.reardanwa.com/index-slides.html   The same page without the slide show is http://www.reardanwa.com/
    I realize the images are not ideally sized - I'll fix those once I get the pages to function.  Maybe I need a different slide show? I would prefer a widget that I can modify to required size & postition. Again - I'm not good at building with code from scratch.
    The problem is the naviagation links that are directly next to the slide show do not work in Firefox of Chrome. They do work in IE.
    I've read about using jQuery.noConflict(); code but can't figure out the correct way to use it in my case or whether that's even part of the solution. I know my code is not well organized as I have cobbled together from various sources in an attempt to format the page the way the client wants it. Also, FYI, I will eventually try to make the page work in Surreal CMS.
    I've spent sevaral days over the last several weeks trying to solve sth slide show/navigation conflict - so any specific light you can shed will be much appreciated.
    Thanks in advance.
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Reardan Area Chamber of Commerce</title>
    <meta name="description" content="home page for Reardan Area Chamber of Commerce" />
    <meta name="keywords" content="Reardan WA, chamber of commerce" </>
    <script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.cycle.all.js" type="text/javascript">  </script>
    <script type="text/xml">
    </script>
    <style type="text/css">
                                  #slideshow { 
                                      padding: 10px;
                                            margin:0; 
                                  #slideshow-caption{
                                            padding:0;
                                            margin:0;
                                  #slideshow img, #slideshow div { 
                                      padding: 10px;
                                      background-color: #EEE;
                                      margin: 0;
    body {
              font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
              background: #004B8D;
              margin: 0;
              padding: 0;
              color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
              padding: 0;
              margin: 0;
    h1, h2, h3, h4, h5, h6, p {
              margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
               /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    .left
    position:absolute;
    left:0px;
    .center
    margin:auto;
    width:95%;
    .box
              position:relative;
              left:-90px;
              width:950px;
              height:350px;
              border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
              z-index:1000;
    .slide{
        position:absolute;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
              border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
              color: #42413C;
              text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
              color: #6E6C64;
              text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
              text-decoration: none;
    /* ~~this fixed width container surrounds the other divs~~ */
    .container {
              width: 960px;
              min-height:900px;
              padding:5px 0px 0px 0px;
              background: #E8F8FF;
              margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
              background: #E8F8FF;
              padding:10px 5px 0px 5px;
    .sidebar1 {
              float: left;
              width: 225px;
              margin: 60px;
              color: #FFFF0D;
              background: #595FFF;
              border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
              padding: 5px 5px 0px 5px;
        border: 3px solid #F7F723;
        z-index:-1;
    .sidebar2 {
              float: left;
              width: 275px;
              color: #FFFF0D;
              text-align: left;
              background: #595FFF;
              padding-bottom: 10px;
              border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        border: 3px solid #F7F723;
        z-index:2;
    .sidebar3 {
              float: left;
              width: 275px;
              color: #FFFF0D;
              text-align: left;
              background: #595FFF;
              padding-bottom: 10px;
              border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        border: 3px solid #F7F723;
        z-index:3;
    .content {
              padding: 0px 0px 0px 0px;
              width: 780px;
              float: left;
              background: #E8F8FF;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
              padding: 0px 15px 5px 10px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
              list-style: none; /* this removes the list marker */
              border-top: 0px solid #FFFF66; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
              margin-bottom: 50px; /* this creates the space between the navigation on the content below */
              font: Arial Black, Verdana, , Helvetica, sans-serif;
              font-size:1.3em;
              font-weight:bold;
              z-index:2;
    ul.nav li {
              border-bottom: 0px solid #FFFF66; /* this creates the button separation */
              font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
              padding: 3px 0px 5px 0px;
              display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
              width: 185px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
              text-decoration: none;
              color: #FFFF0D;
              background: #595FFF;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
              background: #595FFF;
              font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
              color: #FFFFFF;
    /* ~~ The footer ~~ */
    .footer {
              padding: 10px 0;
              background:  #595FFF;
              color: #FFFF0D;
              position: relative;/* this gives IE6 hasLayout to properly clear */
              clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
              float: right;
              margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
              float: left;
              margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
              clear:both;
              height:0;
              font-size: 1px;
              line-height: 0px;
    -->
    </style>
    </head>
    <body>
    <div class="container">
      <div class="header"><!-- end .header -->
      <a href="#"><img src="images/Chamber-Logo-2.gif" alt="Reardan Chamber Logo" width="187" height="163" hspace="10" vspace="5" align="top" /></a><img src="images/Reardan-Chamber-Title.gif" width="476" height="204" alt="Reardan Area Chamber of Commerce, Dedicated to Preserving and Enhancing Area Businesses" /><p></p>
      <p style="color: #F00">This Site is under construction! Please pardon our dust as we create!</p>
      </div>
      <div class="sidebar1">
        <ul class="nav">
          <li><a href="about.html">About Us</a></li>
          <li><a href="history.html">Reardan History</a></li>
          <li><a href="activities.html">Activities</a></li>
          <li><a href="business.html">Business<br />
            Directory</a></li>
          <li><a href="about.html">Join the<br />
            Chamber</a></li>
           <li><a href="links.html">Links<br />
      <span style="font-size: 85%">Tourism</span><br />
          </a></li>
        </ul>
         <!-- end .sidebar1 --></div>
    <br />
    <br />
    <br />
    <br />
    <div class="box" +"slide">
      <script type="text/javascript">
    // BeginOAWidget_Instance_2559022: #slideshow
                               slideshowAddCaption=true;
    $(window).load(function() {
      $('#slideshow').cycle({
                        after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                        autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                        fx:                                        'blindX',// name of transition effect
                        pause:                              false,     // true to enable pause on hover
                        randomizeEffects:          true,  // valid when multiple effects are used; true to make the effect sequence random
                        speed:                              100,  // speed of the transition (any valid fx speed value)
                        sync:                              true,     // true if in/out transitions should occur simultaneously
                        timeout:                    5000,  // milliseconds between slide transitions (0 to disable auto advance)
                        fit:                              true,
                        height:                       '300px',
                        width:         '525px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
    function slideshowOnCycleAfter() {
              if (slideshowAddCaption==true){
                                  $('#slideshow-caption').html(this.title);
    // EndOAWidget_Instance_2559022
      </script>
      <div id="slideshow">
        <!--All elements inside this will become slides-->
        <img src="images/100_1537.jpeg" width="600" height="450" title="caption for image1" /> <img src="images/Parade-2011-2.jpg" width="300" height="225" title="caption for image2" /> <img src="images/100_1495.jpeg" width="600" height="450" title="caption for image3" />
        <div title="sample title"> Images for slide show will need to be re-sized to fit box to avoid distortion</div>
        <img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>
      <!--It is safe to delete this if captions are disabled-->
      <div id="slideshow-caption"></div></div>
    <div class="sidebar2" "anotherClass editable"><p align="center"><strong>Chamber News</strong><br />
    Local News item
    <br />
    Another New item</p>
      <p align="center">lots of news this week<br />
        <br />
        <br />
        <br />
      </p>
    </div>
    <div class="sidebar3" "anotherClass editable"><p align="center"><strong>Upcoming Events</strong></p>
      <div align="center">    <a href="activities.html" style="color: #FFFF0D">Community wide yard sales</a><br />
        <br />
        <br />
        <br />
        <br />
      </div>
    </div>
    <div class="content"><br />
    <br />
    </div>
    <div class="footer">
            <p align="center"><span style="font-size: small">Reardan Area Chamber of Commerce</span><br />
              <span style="font-size: x-small">[email protected]  - 509.796.2102</span><br />
            </p>
            <!-- end .footer -->
    </div></body>
    </html>

    If you DO want the slideshow overlaping the navigation try the below css:
    .sidebar1 {
        float: left;
        width: 225px;
        margin: 60px 0px 60px 60px;
        color: #FFFF0D;
        background: #595FFF;
        border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        padding: 5px 5px 0px 5px;
        border: 3px solid #F7F723;
    .box {
    float: left;
    margin-left:-60px;
    width:700px;
    height:350px;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;

  • Spry Tabbed panels + Progressive Enhancement and Dynamic Loading of Content With Spry

    Is there any way to combine tabbed panels together with "Progressive Enhancement and Dynamic Loading of Content With Spry"?
    Visit: http://labs.adobe.com/technologies/spry/articles/best_practices/progressive_enhancement.ht ml#updatecontent
    And click on the "Using Spry.Utils.updateContent()"
    The 3rd example shows how to use a fade transition whenever the content changes.
    I already have tabbed panels. My menu contains buttons (on tabs) and my Content div contains the panels.
    Tabs code;
    <ul class="TabbedPanelsTabGroup">
              <li class="TabbedPanelsTab">
                   <table class="Button"  >
                        <tr>
                        <td style="padding-right:0px" title ="Home">
                        <a href="javascript:TabbedPanels1.showPanel(1);" title="Home" style="background-image:url(/Buttons/Home.png);width:172px;height:75px;display:block;"><br/></a>
                        </td>
                        </tr>
                   </table>
              </li>
    etc
    etc
    etc
    and the panel code:
    <div class="TabbedPanelsContent" id="Home">
         CONTENT
    </div>
    I hoped i can use the example code from the link into my tabbed panels.
    I thought this code:
    onclick="FadeAndUpdateContent('event', 'data/AquoThonFrag.html'); return false;"
    could be added to the tab code like this:
    <a href="javascript:TabbedPanels1.showPanel(1);" onclick="FadeAndUpdateContent('event', 'data/AquoThonFrag.html'); return false;" title="Home" style="background-image:url(/Buttons/Home.png);width:172px;height:75px;display:block;"><br/></a>
    But the content doesnt fade...
    I know i need to change the header etc.
    The following is from the link:
    <!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" xmlns:spry="http://ns.adobe.com/spry">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Aquo Events</title>
    <script src="../../../includes/SpryEffects.js" type="text/javascript"></script>
    <script src="../../../includes/SpryData.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    function FadeAndUpdateContent(ele, url)
    try {
         Spry.Effect.DoFade(ele,{ duration: 500, from: 100, to: 0, finish: function() {
              Spry.Utils.updateContent(ele, url, function() {
                        Spry.Effect.DoFade(ele,{ duration: 500, from: 0, to: 100 });
    }catch(e){ alert(e); }
    -->
    </script>
    <style type="text/css">
    /* IE HACK to prevent bad rendering when fading. */
    #event { background-color: white; }
    </style>
    </head>
    So i changed my header etc, put the SpryEffects.js and SpryData.js into position and nothing changed...
    Is there a way to keep my tabbed panel (or change as less as possible) and let
    A. The fade work
    B. The loading work.
    The problem now is that it loads all pages instead of only the home. Therefore i wanted this Progressive Enhancement.
    And the fading part is just because its nice...

    It doesnt show in the post but off course i changed this link;
    "data/AquoThonFrag.html"
    into;
    "javascript:TabbedPanels1.showPanel(1);"
    I must say i dont know if this even works...

  • RAW files from my Canon 7D Mark II camera do not show thumbnails when stored on my iMac computer even though I have Photoshop CC 14.2 and Camera RAW 8.7

    How do i resolve this problem?  TIFF files show the thumbnails just fine, just not the RAW files.  My old Canon 7D was fine with RAW files showing thumbnails also.

    Which version of mac os x are you using?
    They show here in photoshop 14.2.1 in the open dialog as well as in finder on mac os x 10.10
    I believe the operating system provides the thumbnails and not photoshop.

  • Why are some of the file folders on my desktop showing up with a shaded color?

    Why are some of the folders on my desktop showing up with a different folder color, a dark shad of blue, opposed to the default blue color?
    I've searched and searched but all I can find are posts on how to change the color of your folder. I am concerned that maybe, I accidentally shared it or have done something I am not aware of. (Mac Mini, 2.3 i7, 1TB, 16GB RAM running OS X Yosemite 10.10.2)

    I don't know how many photos you're trying to post on one page but if you put too many PCs using Internet Explorer may have problems loading the page.  I prefer to keep the number down to less than 50 and have more than one page which will be indicated by the page links at the top of the thumbnails:
    These smaller pages will load faster and in more browsers.
    OT

  • Images not showing up in Spry Data Set

    I'm hoping someone can help an amateur. I'm trying to use an xml file to display with Spry (Stacked containers with Spotlight, specifically). It a simple parts list, where there would be an image next to a stacked description/part#. The data shows up just fine. (I need to do some tinkering to display better) However, the image (just using one as a test) only shows up as the text of the image path.  I'm sure I'm doing something rather simple wrong, but I can't figure it out.
    Any help would be appreciated.
    url: http://kipco.ca/products.html
    xml:
    <?xml version="1.0" encoding="utf-8"?>
    <document>
    <row>
      <Image></Image >
      <Part_Number>WASTE CONTAINERS</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>8-010</Part_Number >
      <Description>WASTE CONTAINER</Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5349</Part_Number >
      <Description>WASTE CONTAINER</Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5349 9WM</Part_Number >
      <Description>WASTE CONTAINER</Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>8-785</Part_Number >
      <Description>WASTE CONTAINER</Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>RV AND RV DM KIT</Part_Number >
      <Description>WASTE CONTAINER</Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>568</Part_Number >
      <Description>WASTE CONTAINER</Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>EZ</Part_Number >
      <Description>WASTE CONTAINER</Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4WC</Part_Number >
      <Description>WASTE CONTAINER</Description >
    </row>
    <row>
      <Image>images/products/4WCTM.jpg</Image >
      <Part_Number>4WCTM</Part_Number >
      <Description>WASTE CONTAINER</Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4WCBM</Part_Number >
      <Description>WASTE CONTAINER</Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>LIDS</Part_Number >
      <Description>WASTE CONTAINER</Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>REPLACEMENT CONTAINERS</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>LAZY SUSANS</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>6882</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5472</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>6012</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>6013</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>6472</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4WLS</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>HARDWARE</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>BLIND CORNER OPTIMIZERS</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5207</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5PSP</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>DRAWER ACCESSORIES</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>BDC</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>CT AND UT</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>RT</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4SDI</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4PDS</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4KCB</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4WCTD</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>ST50</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4WCT</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4WKB</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4WUT</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>WALL ACCESSORIES</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5PD</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>3150</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>3250</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>3450</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4ASR</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4SR</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>432</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>448</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>447</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>SINK AND BASE ACCESSORIES</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5389</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5990</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>6581</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>563</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>597</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>544</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5WB</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5330</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>6551</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>548</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>448</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>447</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>432</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4WP</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4WB</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>RL</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>RAS ML HDCR</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>CLOSET ACCESSORIES AND HARDWARE</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>CH</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>CB</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>CHB</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>CJD</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>TRC</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>TBC</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>CPDR</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>CSR</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>VANITY ACCESSORIES</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>VIB</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5590</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>445</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>448</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>432 BASE</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4WH</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>COSK</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>HRV</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>HURV</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>HPRV</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>PANTRY ACCESSORIES</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number></Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5273</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>5276</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>4WP</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>432 TALL</Part_Number >
      <Description></Description >
    </row>
    <row>
      <Image></Image >
      <Part_Number>434 TALL</Part_Number >
      <Description></Description >
    </row>
    </document>
    Thanks!
    - Craig

    Try
    <div class="SpotlightColumn"><img src="{Image}" alt="Product Image"></div>
    Gramps

  • Formatted HTML output with Spry regions - is it possible?

    I have recently begun using the XML export extension in
    conjunction with an Access database to output dynamic data into a
    page with a Spry master/detail setup. So far, my simple example is
    going great, but I've run into a snag that I need some help with.
    To explain what I'm doing - it's a simple article page with
    the list of articles on the left with the title and date and the
    article title and full contents on the right hand side. So far it's
    all working very well, updating in real time when I click an
    article title on the left. The problem is the output with this one
    field which stores not only text, but also HTML formatting that is
    generated by a wysiwyg editor used on the article creation side of
    this little app. This HTML formatted content is the article body
    and is stored in a field named the same - "body". With traditional
    ASP, the HTML formatting displays as expected and all is well, but
    with Spry, it doesn't output formatted HTML, but instead shows the
    content and HTML code together as text. How can I get this one
    field ("body") to be output so all the HTML formatting is shown?
    This is my simple page example. Click through and you'll see
    what I mean.
    http://www.shoestodyefor.com/ajax.asp
    Here's the section of code in question regarding the output
    on that right hand panel where the body is displayed for each
    article:
    <div spry:detailregion="ds1">
    {title}<br />
    {entryDate}<br />
    <br />
    {body}
    /div>
    Is it possible to have that {body} section shown so the
    dynamically created HTML code from the wysiwyg editor is displayed
    correctly?

    Steve Skinner wrote:
    > Is it possible to have that {body} section shown so the
    dynamically created
    > HTML code from the wysiwyg editor is displayed
    correctly?
    The version of Spry that ships with Dreamweaver CS3 (Spry
    1.4) doesn't
    support the type of output created by the XML Export
    extension.
    This issue has been corrected in Spry 1.5, but no plans have
    been made
    public for integrating Spry 1.5 into Dreamweaver CS3. You
    would need to
    download Spry 1.5 from
    http://labs.adobe.com/technologies/spry/.
    Details
    of how to hand-code the fix for output from XML Export are
    here:
    http://labs.adobe.com/technologies/spry/samples/data_region/HTMLFragsInXMLSample.html
    David Powers, Adobe Community Expert
    Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
    Author, "PHP Solutions" (friends of ED)
    http://foundationphp.com/

  • Cs6 bridge not showing thumbnails for raw file

    Just upgraded to CS6
    cs6 bridge not showing thumbnails for raw files.
    Can see thumbnails in CS5.1 bridge  and LR 4.2 which fortunately i did not uninstall.
    Bummer since I am up against a hard deadline.
    Really Sucks

    We can't know. You are not offering any system information or e.g. info about what image files you are working with. Since they do show up in your otehr programs, my assumption would be that you need to switch the Camera Raw engine back to the 2009/2010 version in Photoshop and not use the default new 2012 one. Perhaps your thumbnails will appear then....
    Mylenium

  • Center thumbnail in an image using show thumbnail behaviour

    Hi there everybody
    Still having some trouble and no replies from other post so will simplify my question.........
    Is it possible to center a thumb in the middle of an image ?
    or the center of a table cell?
    A thumb that is dynamically generated using the 'show thumbnail' server behavior
    Or..... an image using the ' show image server behavior
    Any help would be great
    Have a nice day

    Hi there Gunter
    thanks for your reply.
    The one site I remember is a jewelry site http://www.mongaglobalexports.com/index.php?cPath=54
    the thumbs they list are surrounded by a colorful frame/border that I think is dynamic...... but I could be wrong... But that is the kind of effect I am looking for ...... instead of a plain thumb floating on a
    background.....
    Hi Sean
    Thanks for your advise
    I have no idea about CSS. It is one of the mannnnny things I am trying to learn at the moment.
    If you could go into a little more detail that would be great or have any link to similar tutorial would be good... but is ok I will get it happening thanks again
    So....anyway this is what I came up with to cheat to get the same result I want
    First I thought about creating a site background in fireworks with all the frames already there and apply it as a background to a table or cell in dreamweaver... and then trial and error with the horrizontal scroller (using transparent spacers to set the gap between the images)
    But I tried a little and quickly figured out is was a nightmare to align the looped images centered in the frames.... So......
    Then I came up with a better way... I hope
    So...... first I get the site happening a 'list product page' that has nine horizontal looped thumbs with a plain background and I upload test pictures (making sure they all exactly the same size) and preview in the browser once I have the site with all the thumbs in the right place I use a screen capture camera to take a photo of my site then I open that file in fireworks and use it as a guide to create a new background image for the site then I send to Dw and apply as background to the site table. then when I preview in browser all the thumbs should be inline with the frames I drew in the background
    the only drawback is that...... I cant take a full screen picture of the site with my screen capture camera because you have to scroll down to see the bottom row of thumbs and that when you upload a new pic that starts a new page ( say every tenth picture, as I display nine thumbs in each record page) the page would only have one pic in a frame but eight empty frames around it .......
    Hm....... and sounds like a really long way go about doing what I thought was a simple thing
    And.... I cant get it to work yet
    SO what do you think of that approach?
    Thanks for your help again
    have a great day

  • Problem with Spry Menu

    I have two problems related with Spry Menubar in Dreamweaver CS3.
    First I would like to make the menu transparent (I have a nice graphic I would like to show under). I cannot make it in IE. I wonder if anybody has any ideas.
    Second my menu has a strange behaviour.
    I use the following code to load a page named test1.html into a div named MyDiv of the page that has the menu:
    <li><a href="javascript:loadURL('Test1t.html','Mydiv');" target="_parent">Item1.1</a></li>
    the LoadURL function runs correctly.
    However the first time I load the page in IE I need to click 2 times on Item1.1 to load test1.html. After that the menu works correctly loading test1.html with only one click. Pretty strange!!!!
    Any help is very much appreciated.
    Thanks,
    Carly

    Hi Charly,
    CarlyJ schrieb:
    Hi Hans,
    Unfortunatelly the page is just on my machine.
    Thanks,
    C.
    Then off to the server with your site and let us know the link!
    Hans-G.

Maybe you are looking for

  • Effects preview not working

    I am no longer able to preview effects in the search or browser window. I tried trashing preferences but this did not resolve the problem. Any ideas? I must say I am very disappointed in Apple for releasing this software when it was clearly not ready

  • Can Business Partner number and Vendor Number, Plant Numbe be same in SRM ?

    Hi Experts, We are configuring SRM7.0 with ECC6 ( Ehp4) having Classic Scenario . I configured sandbox, and everything working fine. I have one query.  The Business Partner Number and the Vendor Code or Plant code are different. So while entewring th

  • Printing tab in Bar Code using SAPScript

    Hi, We are trying to print information from multiple fields in Bar code (using Code128 symbology) on our Utility Invoices, printing of which is done using SAPScript. Our objective is that when accepting payment using FPCJ transaction, the Cash Desk O

  • Folder List resets on any file system action.

    Frustrating problem. Since updating to LR3, I have a condition where any file action (moving a folder, renaming a folder, removing a folder, opening LR, etc) changes the folder list from whichever state I was in, into a state wherein almost all the f

  • Adding Pan and Zoom to a video demo in Captivate 7

    I am trying to add Pan and Zoom to a video demo and the Add Pan & Zoom button is greyed out, why? And, how can I get it to work!