Loading ...
Sorry, an error occurred while loading the content.

Fallback with SVG embedded in HTML on Safari

Expand Messages
  • Antoine Quint
    Hi, I ve been trying to use the HTML element to embed SVG in an HTML page with a fallback PNG image if the SVG mime-type cannot be handled by the
    Message 1 of 5 , Jan 1, 2004
    View Source
    • 0 Attachment
      Hi,

      I've been trying to use the HTML <object> element to embed SVG in an
      HTML page with a fallback PNG image if the SVG mime-type cannot be
      handled by the browser. So far, I've experimented with:

      <object data="img/animated_logo.svg" width="230" height="550"
      type="image/svg+xml">
      <img src="img/static_logo.png" width="230" height="550" alt="static
      fallback for animated SVG version" />
      </object>

      I managed to get this to work in the latest IE Mac, Camino but not with
      the latest Safari. Is my code wrong, or is Safari just lame about this?

      Also, does anyone know if this works on IE 5.5 and 6 on Windows? Thanks
      a bunch,

      Antoine

      p.s. Jim, I know you wouldn't recommend using <object> in the first
      place, this is my penance for going my own way!
      --
      Antoine Quint <aq@...>
      W3C SVG Working Group Invited Expert
      SVG Consulting, Teaching and Outsourcing
      Fuchsia Design <http://www.fuchsia-design.com/>
    • Mathias FATENE
      Hi Antoine, First Bonne annee 2004. This doesn t work for me with ASV3.1 and IE6 windows. I use the method expossed in sun s site : Autodetect whith javascript
      Message 2 of 5 , Jan 1, 2004
      View Source
      • 0 Attachment
        Hi Antoine,
        First Bonne annee 2004.
        This doesn't work for me with ASV3.1 and IE6 windows.
        I use the method expossed in sun's site : Autodetect whith javascript ands
        if else.
        http://wwws.sun.com/software/xml/developers/svg/support/

        Mathias

        -----Original Message-----
        From: Antoine Quint [mailto:ml@...]
        Sent: Thursday, January 01, 2004 2:46 PM
        To: SVG Developers
        Subject: [svg-developers] Fallback with SVG embedded in HTML on Safari


        Hi,

        I've been trying to use the HTML <object> element to embed SVG in an
        HTML page with a fallback PNG image if the SVG mime-type cannot be
        handled by the browser. So far, I've experimented with:

        <object data="img/animated_logo.svg" width="230" height="550"
        type="image/svg+xml">
        <img src="img/static_logo.png" width="230" height="550" alt="static
        fallback for animated SVG version" />
        </object>

        I managed to get this to work in the latest IE Mac, Camino but not with
        the latest Safari. Is my code wrong, or is Safari just lame about this?

        Also, does anyone know if this works on IE 5.5 and 6 on Windows? Thanks
        a bunch,

        Antoine

        p.s. Jim, I know you wouldn't recommend using <object> in the first
        place, this is my penance for going my own way!
        --
        Antoine Quint <aq@...>
        W3C SVG Working Group Invited Expert
        SVG Consulting, Teaching and Outsourcing
        Fuchsia Design <http://www.fuchsia-design.com/>


        -----
        To unsubscribe send a message to: svg-developers-unsubscribe@yahoogroups.com
        -or-
        visit http://groups.yahoo.com/group/svg-developers and click "edit my
        membership"
        ----

        Yahoo! Groups Links

        To visit your group on the web, go to:
        http://groups.yahoo.com/group/svg-developers/

        To unsubscribe from this group, send an email to:
        svg-developers-unsubscribe@yahoogroups.com

        Your use of Yahoo! Groups is subject to:
        http://docs.yahoo.com/info/terms/
      • Mathias FATENE
        Hi again Antoine, What i found, even i m not sure you are looking for sunch solution is : 1. make your png as a non-repeat backgound ... body
        Message 3 of 5 , Jan 1, 2004
        View Source
        • 0 Attachment
          Hi again Antoine,
          What i found, even i'm not sure you are looking for sunch solution is :
          1. make your png as a non-repeat backgound
          2. embed the svg object like that :
          --------------------------------------------------------
          <style>
          body {background-image: url(tiger.jpg); background-repeat: no-repeat;}
          </style>
          </head>
          <body>

          <object id=firstSVG height=100% width=100%
          classid=CLSID:377B5106-3B4E-4A2D-8520-8767590CAC86>
          <PARAM NAME="INTERNALID" VALUE="99ec54033c150e409d4066eb4a0f8d0c0000000d">
          <PARAM NAME="SRC" VALUE="tiger.svg">
          <PARAM NAME="WMODE" VALUE="transparent">
          <PARAM NAME="FULLSCREEN" VALUE="yes">
          </OBJECT>
          </body>
          --------------------------------------------------------------

          P.S. I didn't really the question for a non present plugin, but a non
          present svg corresponding to the png image (bacause i have a plugin).

          Hope that can help.
          Mathias

          -----Original Message-----
          From: Mathias FATENE [mailto:mathias.fatene@...]
          Sent: Thursday, January 01, 2004 4:17 PM
          To: svg-developers@yahoogroups.com
          Subject: RE: [svg-developers] Fallback with SVG embedded in HTML on
          Safari


          Hi Antoine,
          First Bonne annee 2004.
          This doesn't work for me with ASV3.1 and IE6 windows.
          I use the method expossed in sun's site : Autodetect whith javascript ands
          if else.
          http://wwws.sun.com/software/xml/developers/svg/support/

          Mathias

          -----Original Message-----
          From: Antoine Quint [mailto:ml@...]
          Sent: Thursday, January 01, 2004 2:46 PM
          To: SVG Developers
          Subject: [svg-developers] Fallback with SVG embedded in HTML on Safari


          Hi,

          I've been trying to use the HTML <object> element to embed SVG in an
          HTML page with a fallback PNG image if the SVG mime-type cannot be
          handled by the browser. So far, I've experimented with:

          <object data="img/animated_logo.svg" width="230" height="550"
          type="image/svg+xml">
          <img src="img/static_logo.png" width="230" height="550" alt="static
          fallback for animated SVG version" />
          </object>

          I managed to get this to work in the latest IE Mac, Camino but not with
          the latest Safari. Is my code wrong, or is Safari just lame about this?

          Also, does anyone know if this works on IE 5.5 and 6 on Windows? Thanks
          a bunch,

          Antoine

          p.s. Jim, I know you wouldn't recommend using <object> in the first
          place, this is my penance for going my own way!
          --
          Antoine Quint <aq@...>
          W3C SVG Working Group Invited Expert
          SVG Consulting, Teaching and Outsourcing
          Fuchsia Design <http://www.fuchsia-design.com/>


          -----
          To unsubscribe send a message to: svg-developers-unsubscribe@yahoogroups.com
          -or-
          visit http://groups.yahoo.com/group/svg-developers and click "edit my
          membership"
          ----

          Yahoo! Groups Links

          To visit your group on the web, go to:
          http://groups.yahoo.com/group/svg-developers/

          To unsubscribe from this group, send an email to:
          svg-developers-unsubscribe@yahoogroups.com

          Your use of Yahoo! Groups is subject to:
          http://docs.yahoo.com/info/terms/



          -----
          To unsubscribe send a message to: svg-developers-unsubscribe@yahoogroups.com
          -or-
          visit http://groups.yahoo.com/group/svg-developers and click "edit my
          membership"
          ----

          Yahoo! Groups Links

          To visit your group on the web, go to:
          http://groups.yahoo.com/group/svg-developers/

          To unsubscribe from this group, send an email to:
          svg-developers-unsubscribe@yahoogroups.com

          Your use of Yahoo! Groups is subject to:
          http://docs.yahoo.com/info/terms/
        • Jim Ley
          Antoine Quint wrote in message news:C52440FE-3C60-11D8-8CF7-000393D124C4@graougraou.com... ... This was the main reasons why I didn t
          Message 4 of 5 , Jan 1, 2004
          View Source
          • 0 Attachment
            "Antoine Quint" <ml@...> wrote in message
            news:C52440FE-3C60-11D8-8CF7-000393D124C4@......

            > p.s. Jim, I know you wouldn't recommend using <object> in the first
            > place, this is my penance for going my own way!

            This was the main reasons why I didn't recommend it (although I do also feel
            OBJECT is badly specified as being both a replacement for IFRAME and EMBED,
            despite them having different behaviour and the behaviour for OBJECT is not
            specified).

            Jonathon Chetwynd had a resource detailing where it worked and didn't work,
            none of it gave me much hope. I'd go for a link to an SVG doc or an IFRAME
            and educate the need for an SVG UA seperate from the actual document (with
            maybe a pure jscript detect and prompt in Win32 IE, protected by conditional
            compilation from the rest of the world as that's a big enough audience to
            care about.) Or if embedding it and prompting for plugin matters a lot, I'd
            use embed...

            Jim.
          • domenico_strazzullo
            Hi Antoine, I know it sounds silly but did you double check that Safari handles .png no problem? IE on 10.2 first release didn t. Nico ... an ... alt= static
            Message 5 of 5 , Jan 3, 2004
            View Source
            • 0 Attachment
              Hi Antoine,

              I know it sounds silly but did you double check that Safari
              handles .png no problem? IE on 10.2 first release didn't.

              Nico



              --- In svg-developers@yahoogroups.com, Antoine Quint <ml@g...> wrote:
              > Hi,
              >
              > I've been trying to use the HTML <object> element to embed SVG in
              an
              > HTML page with a fallback PNG image if the SVG mime-type cannot be
              > handled by the browser. So far, I've experimented with:
              >
              > <object data="img/animated_logo.svg" width="230" height="550"
              > type="image/svg+xml">
              > <img src="img/static_logo.png" width="230" height="550"
              alt="static
              > fallback for animated SVG version" />
              > </object>
              >
              > I managed to get this to work in the latest IE Mac, Camino but not
              with
              > the latest Safari. Is my code wrong, or is Safari just lame about
              this?
              >
              > Also, does anyone know if this works on IE 5.5 and 6 on Windows?
              Thanks
              > a bunch,
              >
              > Antoine
              >
              > p.s. Jim, I know you wouldn't recommend using <object> in the
              first
              > place, this is my penance for going my own way!
              > --
              > Antoine Quint <aq@f...>
              > W3C SVG Working Group Invited Expert
              > SVG Consulting, Teaching and Outsourcing
              > Fuchsia Design <http://www.fuchsia-design.com/>
            Your message has been successfully submitted and would be delivered to recipients shortly.