Images not Showing using Spry

I am trying to learn xml, xsl, and how to use these with spry
with the client-side approach. I can get text to show up using the
dataset from the xml file and Dreamweaver spry regions in an html
file. However, images do not show up. When defining my spry xml
dataset in Dreamweaver, I showed my "image" element to be of the
image data type.
When testing this in Safari, it just says "undefined" where
I would expect to see an image. In Firefox, the text that I put
into the images element in xml shows up-- "/images/butterfly2.jpg"
Here is a link to the site where I am testing this:
http://myweb.cableone.net/mccook/books/
Here is my xml code:
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="books.xsl" type="text/xsl"?>
<books>
<book>
<title>Making it Work </title>
<author>Clyde Best</author>
<image>/images/butterfly2.jpg</image>
</book>
<book>
<title>Making it Fail </title>
<author>Klutz Dweeb </author>
<image>/images/butterfly2</image>
</book>
</books>
And I don't know if the xsl file is even used in the
Dreamweaver spy process. If it is, let me know and I will post that
code too.
I would greatly appreciate assistance with this. I have spent
hours trying to solve the problem, to no avail.
Monty

"MontyC" <[email protected]> wrote in
message
news:f2j2c1$kso$[email protected]..
> When testing this in Safari, it just says "undefined"
where I would
> expect to
> see an image. In Firefox, the text that I put into the
images element in
> xml
> shows up-- "/images/butterfly2.jpg"
> Here is a link to the site where I am testing this:
>
http://myweb.cableone.net/mccook/books/
Due to a bug in Safari you can't use <image> as a tag
name in the XML.
Rename the tag and it willwork. Then blame Aple.
> And I don't know if the xsl file is even used in the
Dreamweaver spy
> process.
Not at all.
Massimo Foti, web-programmer for hire
Tools for ColdFusion and Dreamweaver developers:
http://www.massimocorner.com

Similar Messages

  • BLOB image not shows in JSP page!!

    Hi Dear all,
    I had tried to configure how to show BLOB image to jsp page . The code are works fine and servlet works ok but image can not show only. can you help me that what need to be added. Please help me.
    Can any experts help me? BLOB image not shows in JSP page. I am using ADF11g/DB 10gR2.
    My as Code follows:
    _1. Servlet Config_
        <servlet>
            <servlet-name>images</servlet-name>
            <servlet-class>his.model.ClsImage</servlet-class>
        </servlet>
        <servlet-mapping>
            <servlet-name>images</servlet-name>
            <url-pattern>/render_images</url-pattern>
        </servlet-mapping>
      3. class code
    package his.model;
    import java.io.IOException;
    import java.io.InputStream;
    import java.io.OutputStream;
    import java.util.Iterator;
    import java.util.Map;
    import javax.servlet.ServletConfig;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import oracle.jbo.ApplicationModule;
    import oracle.jbo.Row;
    import oracle.jbo.ViewObject;
    import oracle.jbo.client.Configuration;
    import oracle.jbo.domain.BlobDomain;
    import org.apache.commons.logging.Log;
    import org.apache.commons.logging.LogFactory;
    public class ClsImage extends HttpServlet
      //private static final Log LOG = LogFactory.getLog(ImageServlet.class);
      private static final Log LOG = LogFactory.getLog(ClsImage.class);
      public void init(ServletConfig config)
        throws ServletException
        super.init(config);
      public void doGet(HttpServletRequest request,
                        HttpServletResponse response)
        throws ServletException, IOException
        System.out.println("GET---From servlet============= !!!");
        String appModuleName = "his.model.ModuleAssetMgt";//this.getServletConfig().getInitParameter("ApplicationModuleName");
        String appModuleConfig = "TempModuleAssetMgt";//this.getServletConfig().getInitParameter("ApplicationModuleConfig");
        String voQuery ="select ITEM_IMAGE from MM_ITEMIMAGE where IMAGE_NO = 'P1000000000006'" ;// 'P1000000000006' this.getServletConfig().getInitParameter("ImageViewObjectQuery");
        String mimeType = "jpg";//this.getServletConfig().getInitParameter("gif");
        //?IMAGE_NO='P1000000000006'
        //TODO: throw exception if mandatory parameter not set
        ApplicationModule am =
          Configuration.createRootApplicationModule(appModuleName, appModuleConfig);
          ViewObject vo =  am.createViewObjectFromQueryStmt("TempView2", voQuery);
        Map paramMap = request.getParameterMap();
        Iterator paramValues = paramMap.values().iterator();
        int i=0;
        while (paramValues.hasNext())
          // Only one value for a parameter is expected.
          // TODO: If more then 1 parameter is supplied make sure the value is bound to the right bind  
          // variable in the query! Maybe use named variables instead.
          String[] paramValue = (String[])paramValues.next();
          vo.setWhereClauseParam(i, paramValue[0]);
          i++;
       System.out.println("before run============= !!!");
        // Run the query
        vo.executeQuery();
        // Get the result (only the first row is taken into account
        System.out.println("after run============= !!!");
        Row product = vo.first();
        //System.out.println("============"+(BlobDomain)product.getAttribute(0));
        BlobDomain image = null;
        // Check if a row has been found
        if (product != null)
          System.out.println("onside product============= !!!");
           // We assume the Blob to be the first a field
           image = (BlobDomain) product.getAttribute(0);
           //System.out.println("onside  run product============= !!!"+image.toString() +"======="+image );
           // Check if there are more fields returned. If so, the second one
           // is considered to hold the mime type
           if ( product.getAttributeCount()> 1 )
              mimeType = (String)product.getAttribute(1);       
        else
          //LOG.warn("No row found to get image from !!!");
          LOG.warn("No row found to get image from !!!");
          return;
        System.out.println("Set Image============= !!!");
        // Set the content-type. Only images are taken into account
        response.setContentType("image/"+ mimeType+ "; charset=windows-1252");
        OutputStream os = response.getOutputStream();
        InputStream is = image.getInputStream();
        // copy blob to output
        byte[] buffer = new byte[4096];
        int nread;
        while ((nread = is.read(buffer)) != -1)
          os.write(buffer, 0, nread);
          //System.out.println("Set Image============= loop!!!"+(is.read(buffer)));
        os.close();
        // Remove the temporary viewobject
        vo.remove();
        // Release the appModule
        Configuration.releaseRootApplicationModule(am, false);
    } 3 . Jsp Tag
    <af:image source="/render_images" shortDesc="Item"/>  Thanks.
    zakir
    ====
    Edited by: Zakir Hossain on Apr 23, 2009 11:19 AM

    Hi here is solution,
    later I will put a project for this solution, right now I am really busy with ADF implementation.
    core changes is to solve my problem:
        byte[] buffer = new byte[image.getBufferSize()];
        int nread;
        vo.remove();
        while ((nread = is.read(buffer)) != -1) {
          os.write(buffer);
        }All code as below:
    Servlet Code*
      public void doGet(HttpServletRequest request,
                        HttpServletResponse response) throws ServletException,
                                                             IOException {
        String appModuleName =
          "his.model.ModuleAssetMgt";
        String appModuleConfig =
          "TempModuleAssetMgt";
      String imgno = request.getParameter("imgno");
        if (imgno == null || imgno.equals(""))
          return;
        String voQuery =
          "select ITEM_IMAGE from MM_ITEMIMAGE where IMAGE_NO = '" + imgno + "'";
        String mimeType = "gif";
        ApplicationModule am =
          Configuration.createRootApplicationModule(appModuleName,
                                                    appModuleConfig);
        am.clearVOCaches("TempView2", true);
        ViewObject vo = null;
        String s;
          vo = am.createViewObjectFromQueryStmt("TempView2", voQuery);
        // Run the query
        vo.executeQuery();
        // Get the result (only the first row is taken into account
        Row product = vo.first();
        BlobDomain image = null;
        // Check if a row has been found
        if (product != null) {
          // We assume the Blob to be the first a field
          image = (BlobDomain)product.getAttribute(0);
          // Check if there are more fields returned. If so, the second one
          // is considered to hold the mime type
          if (product.getAttributeCount() > 1) {
            mimeType = (String)product.getAttribute(1);
        } else {
          LOG.warn("No row found to get image from !!!");
          return;
        // Set the content-type. Only images are taken into account
        response.setContentType("image/" + mimeType);
        OutputStream os = response.getOutputStream();
        InputStream is = image.getInputStream();
        // copy blob to output
        byte[] buffer = new byte[image.getBufferSize()];
        int nread;
        vo.remove();
        while ((nread = is.read(buffer)) != -1) {
          os.write(buffer);
        is.close();
        os.close();
        // Release the appModule
    Configuration.releaseRootApplicationModule(am, true);
    }Jsp Tag
    <h:graphicImage url="/render_images?imgno=#{bindings.ImageNo.inputValue}"
                                                        height="168" width="224"/>

  • Another Images not Showing up thread

    I know there are multiple threads out there about images not showing up on the login page of application express, and I have browsed most of them without success.
    My images folder is in:
    C:\oracle\product\10.1.0\db_1\Apache\Apache\images\
    My dads.conf file has specified:
    Alias /i/ "C:\oracle\product\10.1.0\db_1\Apache\Apache\images\"
    Address of missing image in I.E. is:
    http://<host>:7777/i/htmldb/apex_logo.gif
    When I ran @apexins I specified /i/ for the virtual images directory.
    I am running Oracle Database 10gR2, with Oracle HTTP Server that came with the Oracle Database 10g Companion CD Release 2.
    I am using APEX 3.2.
    When I try to go to
    http://<host>:7777/i/
    I get:
    You don't have permission to access /i/ on this server.
    I also cannot login to APEX. When I type my username/password and click the Login button, it does nothing (nothing loads, nothing changes... nothing happens). I don't know if this is related?
    Thank you,
    ~Tom

    I found the problem -
    In my dads.conf file I had:
    Alias /i/ "C:\oracle\product\10.1.0\db_1\Apache\Apache\images\"
    When I really needed:
    Alias /i/ "C:\oracle\product\10.1.0\db_1\Apache\Apache\images/"
    Note the end slash after images changed from backslash to forward.
    Silly me.

  • Images not showing in the jlabel/jbutton

    Hello all,
    I've a package in which my cards directory is located along with all my src files and compiled classes. All my images ****.gif files are inside this directory.
    Then I've following the icon object.
    protected static JLabel lblDeck;The following code is used to get the image.
      String imgPath;
         imgPath = isImageExists("imgBG1.gif");
              if (imgPath == "")
              {     // If the image of Card Deck(imgDeck) is not Found
                   lblDeck = new JLabel();
                   lblDeck.setBackground(new Color(0, 64, 128));
                   lblDeck.setOpaque(true);
                   flagImgDeckFound = false;
              } else {
                   // If the image of Card Deck is Found
                   imgDeck     = new ImageIcon(imgPath);
                   lblDeck = new JLabel(imgDeck);
    // Check if the image exists else return "";
      protected String isImageExists(String imgName) {
              java.net.URL imgURL = getClass().getResource("cards/" + imgName);
             if (imgURL != null)
             {     return (imgURL.toString());     }
             else
                  JOptionPane.showMessageDialog(null, "File not Found: " + imgURL);
                  return "";
         }I'm still unable to get the image in the jlabel!
    When i checked the path, it is exactly returning the path of the file.
    But its neither loading the image into the jlabel nor is it returning "".
    This is just the label part i've other jbuttons also. Even they are not displaying any images.

    aLkeshP wrote:
    can everyone see this thread?
    YES FER-CHRISE-SAKE.
    Just how many times do you intend posting the same identical question?
    images not showing in the jlabel/jbutton
    Problem in imageicon
    iconImage on JButton & JLabel
    Re: images not showing in the jlabel/jbutton

  • Likely bug with external editing (in CS5 not CS6 beta) and edited image not showing back up in LR

    I have come across something strange today that I've not seen before. I'm running LR 4.0 under Win7 64-bit. I usually use Photoshop CS6 beta as my external editor, but invoke CS5 when I have to use some tools that don't support the beta. Here is the scenario:
    * I have CS5 open
    * I externally edit an image in CS5 and Save it from CS5 when I'm done
    * The edited image does not show up in LR
    * I close LR and reopen it
    * There is the edited image!
    I have duplicated this many times this evening. I don't think I've seen it when I've used CS6 beta.

    Something strange is going on because I had the behavior reported of edited image not showing up after using another filter, Nik Silver Efex Pro 2.

  • Crystal Report Images Not Showing - JSP inside /WEB-INF folder

    Hi Experts,
    I am using Crystal report for Eclipse and also using Struts2 and tiles framework combination.
    The problem is when viewing the report all I've got is red X on all images and the graph image also not showing. This is when I use tiles and my jsp is inside the web-inf folder.
    This is my struts link: href="s:url value='/report/reportOpen.action?report=1'
    I've checked that the path to the viewer generated HTML is not correct. see code below.
    src="../../../crystalreportviewers/js/crviewerinclude.js"
    But when I test to access a simple jsp viewer that resides on the web root folder, this works fine but of course this is not what I want to have. I need to have my banner and menus on top of the report page (using tiles)
    This is my jsp link: href="s:url value='/ReportViewer.jsp?report=1'
    Viewer generated HTML below.
    src="crystalreportviewers/js/crviewerinclude.js"
    This might be a common problem and that you can share to me your solution.
    Note: I removed the script tags because I can't submit this entry.
    Thank you  in advance,
    Regards,
    Rulix Batistil
    Crystal Report Images Not Showing - JSP inside /WEB-INF folder

    Hi Saravana,
    After a few experimentation from your idea i was able to figure out the problem and now it is working.
    I don't have to copy the folder to where my jsp resides but still maintains it in the root location:  web/crystalreportviewers
    The changes should always be in web.xml.
    1st: change the crystal_image_uri value to ../crystalreportviewers
    2nd: change crystal_image_use_relative value to "web"
    Change to "web" instead of webapp because that is what I named my web root folder.
    <context-param>
              <param-name>crystal_image_uri</param-name>
              <param-value>../crystalreportviewers</param-value>
         </context-param>
         <context-param>
              <param-name>crystal_image_use_relative</param-name>
              <param-value>web</param-value>
         </context-param>
    Thank you. You showed me the way on how to solve the 3 day problem.
    BTW, my next problem is when clicking on any buttons prev/next/print/export, I got this error HTTP Status 404.
    Well, at least for now I can view my initial report.  I just need to figure out the next issue and with the help of the great people here in the forum.
    Thanks a lot.
    Regards,
    Rulix
    Edited by: Rulix Batistil on Nov 26, 2008 7:27 AM

  • Spry Bug? Background Colors/Images not showing in IE6/XpP

    I'm trying to wrap up my site for MiniMAX SE7EN (Cheap plug,
    it's on 6/26 in DC) and I've got a Spry Accordion Component I used
    in Dreamweaver CS3 to display all the speakers and then I switched
    the CSS file to allow for different colors and a background image
    to show through. Seems fine in Firefox and IE7 but in IE6 for PC's,
    it appears black and only black. Is this a Spry bug or something I
    screwed up with regarding the CSS?
    http://www.minimaxconference.com/

    I am having the same problems in IE7. I'm using the latest
    version of everything (Spry 1.6.1 and javascript file version 0.12)
    and at first I was having the problem on my drop down menus
    appearing horizontal with all the correct styles but when I changed
    the rule ul.MenuBarHorizontal ul to position: relative; the drop
    downs appear vertical now but I have no beige border around the
    whole ul anymore and I'm getting white space inbetween list items.
    http://www.wusf.usf.edu/Header_Nav_Footer_newStyleSheet.cfm
    so if anyone has any advice I'd much appreciate it. Also i'm
    using 1px width on my borders no decimals.

  • Thumbnail images not showing up in my Spry slideshow

    Hello - Everything seems to be working in my Spry slideshow. However, my thumbnail images are not showing up in Live view or browser. The images are all in the correct folder. Here is what the script looks like:
    <ul id="ImageSlideShow" title="Our Products">
            <li><a href="images/ss_penny.jpg" title="All Things Pennies"><img src="images/ss_penny_thumb.jpg" alt="" /></a></li>
            <li><a href="images/ss_rides.jpg" title="Children's Kiosks"><img src="images/ss_rides_thumb.jpg" alt="" /></a></li>
            <li><a href="images/ss_ireality.jpg" title="Simulators"><img src="images/ss_ireality_thumb.jpg" alt="" /></a></li>
            <li><a href="images/ss_carousels.jpg" title="Carousels"><img src="images/ss_carousels_thumb.jpg" alt="" /></a></li>
            <li><a href="images/ss_candy.jpg" title="Candy Kiosks"><img src="images/ss_candy_thumb.jpg" alt="" /></a></li>
         </ul>
          <script type="text/javascript">
    Is there something I'm missing?
    Thank you

    There is nothing wrong with the markup that you have shown, hence the problem will be located somwhere else.
    Gramps

  • Images not loading in Spry HTML Panel

    Hallo everyone
    I am using links to load html fragments in a Spry HTML Panel, just like in the example page
    http://labs.adobe.com/technologies/spry/widgets/htmlpanel/SpryHTMLPanel.html
    The whole structure is inside a Spry Tabbed Panel.
    All works ok if the target html pages are in the same directory as the mother page.
    Images are standard in the "images" folder
    The problem starts when I try to organise all the html fragments in a separate directory.
    Updating links in all the html  files is of course done correctly, images included.
    Then the problem starts.
    The html fragments load but with no images.
    When I open the html fragments directly by the browser all is ok.
    Any ideas would be appreciated
    Thanks!

    Can you upload your pages to a server and give us a link?
    If your images are in your site folder (no matter which directory), but they are not showing up in your fragments, it is likely that the paths are wrong. The images (it seems to me) should exist on the fragment and be linked from there.
    I won't have a chance to fiddle around with this right now, but if your images are linked to the fragment locations and that does NOT work, try linking them as if they were on the page that is showing the fragments. I'm not familiar (yet) with this widget.
    Beth

  • Lightbox images not showing when uploaded to my website

    Hello
    I'm creating a new website for my photography business, and have created three 'gallery' pages which are basically just a lightbox gallery on each page with 20 images in.
    I uploaded my first page, gallery1, and the associated images and went to test it and some of the thumbnail images didn't appear. I renamed the images in my 'gallery1 thumbnails' folder (which had originally been the same names as the images in gallery1) by adding 'tb' at the end of each image name and reuploaded them to my host and it resolved the problem. I uploaded gallery2 in the same way and ran into the same problem. I renamed the images again and reuploaded as I had before to fix the problem, but it didn't fix it this time. I changed the names in gallery3 thumbnails first and uploaded them and they uploaded perfectly. I went back to gallery2, and noticed that all the images I was having a problem with had a '_' character in them. I took that out, reuploaded, still not working. I've double checked everything's as it should be, reuploaded everything a couple more times for good measure, and it works on live view and when I open the file on my computer but once they're uploaded to my host it doesn't work. Can anyone shed a bit of light on this for me? Page in question in here: http://www.emmarichards.co.uk/gallery-2.html and code is here:
    <!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" />
    <title>Barnsley wedding photographer - Emma Richards Photography</title>
    <style type="text/css">
    <!--
    body {
              font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
              background-color: #FFFFFF;
              margin: 0;
              padding: 0;
              color: #000;
              background-image: url();
              background-repeat: repeat;
              margin-top: 20px;
              margin-bottom: 10px;
    /* ~~ 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. */
              padding-right: 15px;
              padding-left: 15px; /* 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. */
    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:#414958;
              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: #4E5869;
              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 container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
              width: 80%;
              max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
              min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
              background-color: #FFF;
              margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    /* ~~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-color: #FFFFFF;
    /* ~~ This is the layout information. ~~
    1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    .content {
              padding: 10px 0;
              font-size: 90%;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
              padding: 0 15px 15px 40px; /* 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 footer ~~ */
    .footer {
              padding: 10px 0;
              background-color: #FFFFFF;
              font-size: xx-small;
              color: #f08080;
    /* ~~ 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>
    <link href="css/lightbox.css" rel="stylesheet" type="text/css" />
    <link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
    <script src="scripts/jquery.js" type="text/javascript"></script>
    <script src="scripts/lightbox.js" type="text/javascript"></script>
    <script src="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="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
    <style type="text/css">
    /* BeginOAWidget_Instance_2127022: #gallery */
                        .lbGallery {
              /*gallery container settings*/
              background-color: #ffffff;
              padding-left: 20px;
              padding-top: 20px;
              padding-right: 20px;
              padding-bottom: 20px;
              width: 100%;
              height: auto;
              text-align: center;
                        .lbGallery ul { list-style: none; margin:0;padding:0; }
                        .lbGallery ul li { display: inline;margin:0;padding:0; }
                        .lbGallery ul li a{text-decoration:none;}
                        .lbGallery ul li a img {
                                  /*border color, width and margin for the images*/
                                  border-color: #ffffff;
                                  border-left-width: 0px;
                                  border-top-width: 0px;
                                  border-right-width: 0px;
                                  border-bottom-width: 0px;
                                  margin-left:5px;
                                  margin-right:5px;
                                  margin-top:5px;
                                  margin-bottom:5px:
                        .lbGallery ul li a:hover img {
                                  /*background color on hover*/
                                  border-color: #ffffff;
                                  border-left-width: 0px;
                                  border-top-width: 0px;
                                  border-right-width: 0px;
                                  border-bottom-width: 0px;
                        #lightbox-container-image-box {
                                  border-top: 0px none #ffffff;
                                  border-right: 0px none #ffffff;
                                  border-bottom: 0px none #ffffff;
                                  border-left: 0px none #ffffff;
                        #lightbox-container-image-data-box {
                                  border-top: 0px;
                                  border-right: 0px none #ffffff;
                                  border-bottom: 0px none #ffffff;
                                  border-left: 0px none #ffffff;
    /* EndOAWidget_Instance_2127022 */
    </style>
    <link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2127022" binding="#gallery" />
      <oa:widget wid="2141544" binding="#MenuBar" />
    </oa:widgets>
    -->
    </script>
    <style type="text/css">
    /* BeginOAWidget_Instance_2141544: #MenuBar */
    /* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
              these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
               These assume the following widget classes for menu layout (set in a preset)
              .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
              .MenuBarVertical - vertical main bar; all submenus are pull-right.
              You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
              They only apply to horizontal menu bars:
                        MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
                        MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
                        MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned. 
                        MenuBarFixedCentered -  - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                                                                and centered in its parent container.
                        MenuBarFullwidth - Grows to fill its parent container width.
              In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
              with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
              there are a few rules where this was not possible. Those rules are so noted in comments.
    #MenuBar  {
              background-color:#ffffff;
              font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                                                                                            MenuItem, and MenuItemLabel
                                                                                                                            at a given level all use same definition for ems.
                                                                                                                            Note that this means the size is also inherited to child submenus,
                                                                                                                            so use caution in using relative sizes other than
                                                                                                                            100% on submenu fonts. */
              font-weight: normal;
              font-size: 16px;
              font-style: normal;
              padding:0;
              border-color: #ffffff #ffffff #ffffff #ffffff;
              border-width:0px;
              border-style: none none none none;
    /* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
    widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
    in this section. These have very low specificity, so be careful not to accidentally override them. */
    .MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
              display:none;
    .MenuBarLeftShrink {
              float: left; /* shrink to content, as well as float the MenuBar */
              width: auto;
    .MenuBarRightShrink {
              float: right; /* shrink to content, as well as float the MenuBar */
              width: auto;
    .MenuBarFixedLeft {
              float: left;
              width: 80em;
    .MenuBarFixedCentered {
              float: none;
              width: 80em;
              margin-left:auto;
              margin-right:auto;
    .MenuBarFixedCentered br {
              clear:both;
              display:block;
    .MenuBarFixedCentered .SubMenu br {
              display:none;
    .MenuBarFullwidth {
              float: left;
              width: 100%;
    /* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
    #MenuBar  .MenuItemContainer {
              padding: 0px 0px 0px 0px;
              margin: 0;           /* Zero out margin  on the item containers. The MenuItem is the active hover area.
                                            For most items, we have to do top or bottom padding or borders only on the MenuItem
                                            or a child so we keep the entire submenu tiled with items.
                                            Setting this to 0 avoids "dead spots" for hovering. */
    #MenuBar  .MenuItem {
              padding: 0px 0px 0px 0px;
              background-color:#ffffff;
              border-width:1px;
              border-color: #cccccc #ffffff #cccccc #ffffff;
              border-style: none solid none solid;
    #MenuBar  .MenuItemFirst {
              border-style: none none none none;
    #MenuBar .MenuItemLast {
              border-style: none solid none none;
    #MenuBar  .MenuItem  .MenuItemLabel{
              text-align:center;
              line-height:1.4em;
              color:#333333;
              background-color:#ffffff;
              padding: 0px 0px 0px 0px;
              width: 10em;
              width:auto;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
              width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
              font-family: Arial, Helvetica, sans-serif;
              font-weight: normal;
              font-size: 14px;
              font-style: normal;
              background-color:#ffffff;
              padding:0px 2px 0px 0px;
              border-width:1px;
              border-color: #cccccc #cccccc #cccccc #cccccc;
              /* Border styles are overriden by first and last items */
              border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst {
              border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
              padding-top: 6px;
    #MenuBar .SubMenu .MenuItemLast {
              border-style: solid solid solid solid;
    #MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
              padding-bottom: 6px;
    #MenuBar .SubMenu .MenuItem .MenuItemLabel{
              text-align:left;
              line-height:1em;
              background-color:#ffffff;
              color:#333333;
              padding: 6px 12px 6px 5px;
              width: 7em;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
              background-color: #ffffff;
              border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
              background-color: #ffffff; /* consider exposing this prop separately*/
              color: #000000;
    #MenuBar .MenuItemHover .MenuItemLabel{
              background-color: #ffffff;
              color: #000000;
    #MenuBar .SubMenu .MenuItemHover {
              background-color: #ffffff;
              border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
              background-color: #ffffff;
              color: #333333;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
              background-color: #ffffff;
              min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
              border-color: #ffffff #ffffff #ffffff #ffffff;
              border-width:0px;
              border-style: none none none none;
    #MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
              top: 100%;          /* 100% is at the bottom of parent menuItemContainer */
              left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                                                      and your personal taste.
                                                      0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                                                      on MenuItemContainer and MenuItem on the parent
                                                      menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                                                      the dropdown with the left of the menu item label.*/
              z-index:10;
    #MenuBar.MenuBarVertical .SubMenuVisible {
              top: 0px;
              left:100%;
              min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
    /* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
    #MenuBar .MenuLevel1 .SubMenuVisible {
              background-color: #ffffff;
              min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
              top: 0px;          /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                                            that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                                            vertically 'centered' on its invoking item */
              left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                                            negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                                            to use px or ems to get the offset you want. */
    /* IE6 rules - you can delete these if you do not want to support IE6 */
    /* A note about multiple classes in IE6.
    * Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
    * giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
    * Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
    * all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
    * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
    * Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
    * syntax for that. Since IE6 both applies rules where
    * it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
    * So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
    * mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
    * We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
    * the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
    * css style block to make it easy to delete if you want to drop IE6 support.
    * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
    * The 'SpryIsIE6' class is placed on the HTML element by  the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
    .SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
              background-color: #ffffff; /* consider exposing this prop separately*/
              color: #000000;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
              background-color: #ffffff; /* consider exposing this prop separately*/
              color: #333333;
    .SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
              margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
    /* EndOAWidget_Instance_2141544 */
    </style>
    </head>
    <body>
    <div class="container">
      <div class="header">
        <div align="center">
          <p><a href="index.html"><img src="Layout/watermark-coral-jpeg-200px.jpg" width="200" height="182" alt="wedding photgraphers barnsley" /></a></p>
          <table width="500" border="0">
            <tr>
              <td><a href="about.html"><img src="Layout/about-c.png" width="145" height="28" alt="wedding photography barnsley" /></a></td>
              <td><a href="weddings.html"><img src="Layout/weddings-c.png" width="145" height="28" alt="wedding photographer barnsley" /></a></td>
              <td><a href="gallery.html"><img src="Layout/gallery-c.png" width="145" height="28" alt="wedding photographers barnsley" /></a></td>
              <td><a href="pricing.html"><img src="Layout/pricing-c.png" width="145" height="28" alt="wedding photography barnsley" /></a></td>
              <td><script type="text/javascript">
    // BeginOAWidget_Instance_2141544: #MenuBar
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
          widgetID: "MenuBar",
                widgetClass: "MenuBar  MenuBarLeftShrink",
                insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    // EndOAWidget_Instance_2141544
                </script>
                <img src="Layout/engagements-c.png" width="145" height="28" alt="barnsley wedding photographer" />
                <script type="text/javascript">
    // BeginOAWidget_Instance_2141544: #MenuBar
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
          widgetID: "MenuBar",
                widgetClass: "MenuBar  MenuBarLeftShrink",
                insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    // EndOAWidget_Instance_2141544
                  </script></td>
              <td><a href="http://www.emmarichardsphotography.com"><img src="Layout/blog.png" width="145" height="28" alt="wedding photographer barnsley" /></a></td>
              <td><a href="contact.html"><img src="Layout/contact-c.png" width="145" height="28" alt="wedding photography barnsley" /></a></td>
            </tr>
          </table>
          <p> </p>
        </div>
      <!-- end .header --></div>
      <div class="content">
        <div align="center">
          <table width="80%" border="0">
            <tr>
              <td><div id="gallery" class="lbGallery">
                <ul>
                  <p><li> <a href="Images/Gallery2/Abbie and Ben 0567.jpg" title=""><img src="Images/Gallery2/Thumbnails/Abbie and Ben 0567tb.jpg" alt="wedding photographers barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/Laura Mal 046.jpg" title=""><img src="Images/Gallery2/Thumbnails/Laura Mal 046tb.jpg" alt="wedding photographer barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/img0056bw.jpg" title=""><img src="Images/Gallery2/Thumbnails/img0056bwtb.jpg" alt="wedding photographers sheffield" /></a> </li>
                  <li> <a href="Images/Gallery2/ka319.jpg" title=""><img src="Images/Gallery2/Thumbnails/ka319tb.jpg" alt="wedding photography barnsley" /></a> </li>
                 <li> <a href="Images/Gallery2/no crying.jpg" title=""><img src="Images/Gallery2/Thumbnails/no cryingtb.jpg" alt="wedding photographers barnsley" /></a> </li></p>
                 <p><li> <a href="Images/Gallery2/img5549.jpg" title=""><img src="Images/Gallery2/Thumbnails/img5549tb.jpg" alt="wedding photographer barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/jr89.jpg" title=""><img src="Images/Gallery2/Thumbnails/jr89tb.jpg" alt="wedding photography barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/img3239.jpg" title=""><img src="Images/Gallery2/Thumbnails/img3239tb.jpg" alt="wedding photographers barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/jr2.jpg" title=""><img src="Images/Gallery2/Thumbnails/jr2tb.jpg" alt="wedding photographers barnsley" /></a> </li>
                 <li> <a href="Images/Gallery2/sa711.jpg" title=""><img src="Images/Gallery2/Thumbnails/sa711tb.jpg" alt="" /></a> </li></p>
                 <p><li> <a href="Images/Gallery2/JamesRuth0056.jpg" title=""><img src="Images/Gallery2/Thumbnails/JamesRuth0056tb.jpg" alt="wedding photographers barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/mr mrs.jpg" title=""><img src="Images/Gallery2/Thumbnails/mr mrstb.jpg" alt="wedding photography barnsley" /></a></li>
                  <li><a href="Images/Gallery2/ka5.jpg" title=""><img src="Images/Gallery2/Thumbnails/ka5tb.jpg" alt="wedding photographer barnsley" /></a></li>
                  <li> <a href="Images/Gallery2/run.jpg" title=""><img src="Images/Gallery2/Thumbnails/runtb.jpg" alt="wedding photographers barnsley" /></a> </li>
                 <li> <a href="Images/Gallery2/img3440.jpg" title=""><img src="Images/Gallery2/Thumbnails/img3440tb.jpg" alt="wedding photographers barnsley" /></a> </li></p>
                 <p><li> <a href="Images/Gallery2/img3307.jpg" title=""><img src="Images/Gallery2/Thumbnails/img3307tb.jpg" alt="wedding photographers barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/centerpiece 2.jpg" title=""><img src="Images/Gallery2/Thumbnails/centerpiece 2tb.jpg" alt="wedding photographer barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/jr102.jpg" title=""><img src="Images/Gallery2/Thumbnails/jr102tb.jpg" alt="wedding photography barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/img0523.jpg" title=""><img src="Images/Gallery2/Thumbnails/img0523tb.jpg" alt="wedding photography barnsley" /></a> </li>
                 <li> <a href="Images/Gallery2/hug.jpg" title=""><img src="Images/Gallery2/Thumbnails/hugtb.jpg" alt="wedding photographers barnsley" /></a> </li></p>
                </ul>
              </div>
              <script type="text/javascript">
    // BeginOAWidget_Instance_2127022: #gallery
                        $(function(){
                                  $('#gallery a').lightBox({
                                            imageLoading:                              'Layout/spin.gif',                    // (string) Path and the name of the loading icon
                                            imageBtnPrev:                              'Layout/prev.jpg',                              // (string) Path and the name of the prev button image
                                            imageBtnNext:                              'Layout/next.jpg',                              // (string) Path and the name of the next button image
                                            imageBtnClose:                              'Layout/close.png',                    // (string) Path and the name of the close btn
                                            imageBlank:                                        'images/lightbox/lightbox-blank.gif',                              // (string) Path and the name of a blank image (one pixel)
                                            fixedNavigation:                    false,                    // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
                                            containerResizeSpeed:          400,                               // Specify the resize duration of container image. These number are miliseconds. 400 is default.
                                            overlayBgColor:                     "#ffffff",                    // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
                                            overlayOpacity:                              0,                    // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
                                            txtImage:                                        'Image',                                        //Default text of image
                                            txtOf:                                                  'of'
    // EndOAWidget_Instance_2127022
                </script><div align="center"> </div></td>
            </tr>
            <tr>
              <td><div align="center">
                <table width="100" border="0">
                  <tr>
                    <td width="50"><div align="right"><a href="gallery.html"><img src="Layout/prev2.jpg" alt="wedding photographers barnsley" width="63" height="32" /></a></div></td>
                    <td width="50"><a href="gallery-3.html"><img src="Layout/next2.jpg" alt="wedding photographers sheffield" width="63" height="32" /></a></td>
                    </tr>
                </table>
              </div></td>
            </tr>
          </table>
          <p> </p>
        <!-- end .content --></div>
      </div>
      <div class="footer">
        <p align="right"><strong>07794430229 // [email protected]</strong></p>
        <div align="right">
          <table align="right" cellpadding="0" cellspacing="0">
            <tr>
              <td> </td>
            </tr>
          </table>
          <!-- end .footer -->
        </div>
    <div align="right">
          <table align="right" cellpadding="0" cellspacing="0">
            <tr>
              <td> </td>
            </tr>
          </table>
          <!-- end .footer --></div>
      </div>
      <!-- end .container --></div>
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-28715127-1']);
      _gaq.push(['_setDomainName', 'emmarichards.co.uk']);
      _gaq.push(['_setAllowLinker', true]);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    </body>
    </html>
    If someone could help me with my issue I'd be very greatful, it's been stumping me for hours now.
    Thank you in advance for any help!!

    When I see code errors, I stop trying to trouble shoot  because code errors account for 98% of browser rendering problems.  When you clear up your orphaned tags: mismatched <p></p> and <li></li> tags, then I'll take a closer look.
    PS. Being able to work with code is essential to using DW and 3rd party plugins.  Without basic coding skills, you're going to be lost most of the time.
    HTML & CSS Tutorials -
    http://www.html.net/
    http://w3schools.com/
    Nancy O.

  • Image not showing in Abobe integrated with Java WebDynPro

    Hi All,
    Image is not showing in Abobe integrated with Java WebDynPro.
    I did the following:
    Added the image field in adobe form. in URL value set the value of context node binding. Binding set to none and size set to Use Original Size.
    Then in script editor i wrote
    this.value.image.href = xfa.resolveNode(this.value.image.href).value;
    at innitialize , javascript and client.
    I can see the image from the same url context value if image field is created directly in WebDynPro View.
    Can anyone suggest what is missing?
    Thanks and Regards,
    Nuzhat

    Try changing your line of code for this one
    this.value.image.href = xfa.record.Images.URL;
    Check that the url passed by scripting is correct with a messageBox for example.
    You can also try assigning a hardcoded url at scripting level to check if its works.
    Best regards, Aldo.

  • Small images not showing in design view

    Desperate for help! I've been trying to diagnose this for a
    long time. For some strange reason, images that used to show up in
    my design view are now displaying the 'missing image' icon. I've
    narrowed it down to this--if the image is less than 8px high, the
    image will not display. When I increase it to 8px or more high
    (width does not have any bearing on it), the image is displayed.
    Same exact image name, same placement, path, file type, etc. The
    only variable changed is the image height. Someone please tell me
    what is going on. By the way, this just started to happen. These
    small images were displaying fine up until yesterday.

    You have two id="header" elements on the page....
    I can see both the 5px tall GIF and JPG images just fine in
    CS4.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "peregrinedesign" <[email protected]> wrote
    in message
    news:gmiaur$bv$[email protected]..
    > OK, but I'm not sure this will help. Here's the page:
    >
    http://www.capitaloandp.com/orthotics.php
    >
    > What you will see is correct, and when I preview with a
    browser it is fine
    > also, it's only the DW design view that is not showing
    the small jpeg.
    > On the right side, there are two small black rectangles.
    The one on the
    > left
    > is a gif, and the one on the right is the jpg. They were
    both exported
    > from the
    > same original Fireworks file. I have tested using
    Photoshop also.
    >
    > Thank you for your attention to this.
    >

  • Bridge CS6 Output to HTML Gallery - images not showing up

    Bridge CS6 Output to HTML Gallery issue - my images are not showing up. The files look the same on the local and remote files. The images populate on the local and not on the remote. Is this a JavaScript problem.
    Any help is appreciated.
    I've done a work around solution by using Lightroom, creating a quick collection for a custom order HTML web gallery. I would much prefer to stay within Bridge CS6 and have its HTML gallery actually work...

    Hi AlbiDan,
    Its possible that it might be a Javascript issue. I see that javascript is used in the HTML gallery. Did you upload through Bridge or from an FTP client? Do you have the URL for a broken gallery?
    -Dave

  • Web gallery images not showing in Firefox

    I have just created a web gallery in Adobe Bridge CS4.  I had it working perfectly in all browsers and now all of a sudden the images are not showing up in Firefox. Anyone else have this problem?

    If images are missing then check that you do not block images from some domains.
    *Press the F10 key or tap the Alt key to bring up the hidden Menu bar.
    Check the permissions for the domain in the currently selected tab in "Tools > Page Info > Permissions"
    Check "Tools > Page Info > Media" for blocked images
    *Select the first image link and use the cursor Down key to scroll through the list.
    *If an image in the list is grayed and "<i>Block Images from...</i>" has a checkmark then remove this checkmark to unblock images from this domain.
    Make sure that you do not block (third-party) images, the <b>permissions.default.image</b> pref on the <b>about:config</b> page should be 1.
    Make sure that you haven't enabled a High Contrast theme in the Windows/Mac Accessibility settings.
    Make sure that you allow pages to choose their own colors.
    *Edit > Preferences > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"
    Note that these settings affect background images.
    See also:
    *http://kb.mozillazine.org/Website_colors_are_wrong
    There are extensions like Adblock Plus (Firefox/Tools > Add-ons > Extensions) and security software (firewall, anti-virus) that can block images and other content.
    See also:
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    *http://kb.mozillazine.org/Images_or_animations_do_not_load
    *http://kb.mozillazine.org/Websites_look_wrong

  • Images not showing in Mail, just generic JPG icon...

    I have this problem with Mail (v3.6, Leopard 10.5.8) not displaying images in html messages anymore. The problem is mostly with the emails i'm sending. Back on Tiger, you could drag and drop an image and it would show inline right there where your cursor would be in the message. Now it goes at the bottom, showing the generic Preview.app JPG icon with the name and size of the file underneath the icon. If I try to compose a message using on of Apple's stationaries, half of the images are not showing, instead once again giving me the generic icon. I do have the option of displaying HTML images turned on in the prefs. A picture is worth a thousand words, so here it is :
    http://dl.getdropbox.com/u/25424/mail_problem.jpg
    If I send this to friends, half of them get a correct looking email while the other half gets missing images where the original image was showing as an icon for me. Trying to save the email message as a PDF will have missing images too.
    What's going on here? Thanks!!!

    Same problem here. Some background images show up, top, bottom and corner images not. Opening the 'content.html' file in Safari: no problem.
    No idea what's going on.

Maybe you are looking for