Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Matthew Jarvis 129 posts 129 karma points
    Jan 06, 2012 @ 10:43
    Matthew Jarvis
    0

    jQuery/jCarousel Umbraco issue with IE

    Hi,

    I'm really puzzled by an odd behaviour that i'm led to believe may be an IE Umbraco issue but not really sure :-)

    Currently have a jQuery riding carousel on my site created by Sorgalla http://sorgalla.com/jcarousel/

    My carousel displays correctly in FF, Chrome and Safari but not in IE.

    The image details are made via the following XSLT

    <xsl:output method="xml" omit-xml-declaration="yes"/>

    <xsl:param name="currentPage"/>
    <xsl:variable name="MediaNodeId" select="/macro/MediaNode/Folder/@id"/>

    <xsl:template match="/">
      <xsl:value-of select="umbraco.library:RegisterJavaScriptFile('cycle', '/js/jquery.cycle/jquery.cycle.all.min.js')"/>
          
              
          <xsl:if test="$MediaNodeId != '' and $MediaNodeId != false() ">    
          
          <xsl:for-each select="umbraco.library:GetMedia($MediaNodeId, 1)/Headerimages">
            <img src="{./umbracoFile}" title="{./title}" alt="{./description}" url="{umbraco.library:NiceUrl(./url)}" width="{./width}" />
          </xsl:for-each>
          
          </xsl:if>
           
     
      </xsl:template>

    In a nutshell, I have added a new Media Type titled Headerimages that features an image, title, description and URL. 

    The carousel can be viewed at http://web3.ystrad-mynach.ac.uk , if it is viewed in FF, Chrome and Safari, it works correctly, upon inspection of source in these browsers, image source is displayed correctly.  However when viewed in IE, no image is displayed (although title, description and URL are) and upon inspection of source image source returns blank (" ").

    As can be seen on my XSLT above, the image source is set using umbracoFile, could this in any way by causing an issue with IE.  I have tried the carousel with image details set via HTML:-

    <img src="images/SOMEIMAGE.jpg" title="adfe" description="fsg"/>

    as opposed to XSLT/Umbraco and it displays fine then, for some reason when XSLT is used img src fails to work.

    Any help is much appreciated,

     

     

     

     

     

     


  • Rich Green 2246 posts 4008 karma points
    Jan 06, 2012 @ 11:15
    Rich Green
    0

    Hi Matthew,

    It might help if you post the output of your HTML (the one produced via xslt)

    Rich

  • Jon 36 posts 59 karma points
    Jan 06, 2012 @ 11:24
    Jon
    0

    I notice from the source on the URL above (http://web3.ystrad-mynach.ac.uk) that you have width="" in the image tags, could that be your issue? Try setting an explicit width, or removing the width="" altogether and re-testing it in IE.

  • Matthew Jarvis 129 posts 129 karma points
    Jan 06, 2012 @ 11:52
    Matthew Jarvis
    0

    Jon - Many thanks, the XSLT was "borrowed" from a solution of another post I posted here a few months ago.  Didnt even notice this attribute and it was serving no purpose.  Obviously IE had issues trying to render the image with this attribute containing no value.  It now works correctly. 

    Upshot - No Umbraco IE issue exists, just user error with me failing to spot it within my code.  :-)

Please Sign in or register to post replies

Write your reply to:

Draft