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

Re: [svg-developers] Trying to get my SVG animations to Wordpress blog

Expand Messages
  • Jacob Beard
    It might be good to post this code to a snippets site like gist.github.com, or even jsfiddle.net, as it s unfortunately difficult to read in this format.
    Message 1 of 4 , Feb 5, 2011
    • 0 Attachment
      It might be good to post this code to a snippets site like
      gist.github.com, or even jsfiddle.net, as it's unfortunately difficult
      to read in this format.

      Thanks,

      Jake

      On 11-02-04 01:20 PM, Veiko Herne wrote:
      >
      > Hi There
      >
      > I'm trying to get my SVG animated series to my Wordpress blog
      > (http://www.veikoherne.com/wonderries/) as they still work on Opera
      > after more than 5 years and need some Javascript help.
      >
      > I put following code to header:
      > <script type="text/javascript"> if
      > (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for
      > Opera/x.x or Opera x.x (ignoring remaining decimal places) var
      > newsImageData = [ {data: "http://www.veikoherne.com/svg/Skirt.svgz",
      > type: "image/svg+xml"}, {data:
      > "http://www.veikoherne.com/svg/BandName.svgz", type: "image/svg+xml"},
      > {data: "http://www.veikoherne.com/svg/Password.svgz", type:
      > "image/svg+xml"},{data:
      > "http://www.veikoherne.com/svg/BigBrother.svgz", type:
      > "image/svg+xml"},{data:
      > "http://www.veikoherne.com/svg/Overqualified.svgz", type:
      > "image/svg+xml"} ]; } else var newsImageData = [{data:
      > "http://www.veikoherne.com/svg/noopera.JPG", type: "image/jpg"}];var
      > currNewsImgIdx = 0; function UpdateNews () { var img =
      > document.getElementById ("image"); var imgContent =
      > document.getElementById ("imageContent"); img.data =
      > newsImageData[currNewsImgIdx]; imgContent.innerHTML =
      > newsImageData[currNewsImgIdx].data; }function NextNews () {
      > currNewsImgIdx = (currNewsImgIdx + 1) % newsImageData.length;
      > UpdateNews (); }function PrevNews () { currNewsImgIdx =
      > (currNewsImgIdx + newsImageData.length - 1) % newsImageData.length;
      > UpdateNews (); } function OnDocLoad () { UpdateNews (); } </script>
      >
      > and calling them in table:
      >
      > <table border="0" onload="OnDocLoad ()"><tr><td>
      > <div><!-- Facebook Badge START -->
      > ......
      > <!-- Facebook Badge END -->
      > </div></td><td align="center">
      > <object id="image" data="" type="" width="240" height="320"
      > /></td></tr></table>
      >
      > But I do not get even noopera.JPG shown up!!!
      >
      > How should I call those objects dynamically?
      >
      > Veiko
      >
      >


      [Non-text portions of this message have been removed]
    • veiko herne
      Agree, here is a git: git://gist.github.com/812544.git  Veiko Veiko Herne ... From:
      Message 2 of 4 , Feb 5, 2011
      • 0 Attachment
        Agree, here is a git:

        git://gist.github.com/812544.git 


        Veiko
        <a rel="nofollow" target="_blank" href="http://www.veikoherne.com">Veiko
        Herne</a>



        ----- Original Message ----
        From: Jacob Beard <jbeard4@...>
        To: svg-developers@yahoogroups.com
        Sent: Sat, February 5, 2011 1:29:16 PM
        Subject: Re: [svg-developers] Trying to get my SVG animations to Wordpress blog

        It might be good to post this code to a snippets site like
        gist.github.com, or even jsfiddle.net, as it's unfortunately difficult
        to read in this format.

        Thanks,

        Jake

        On 11-02-04 01:20 PM, Veiko Herne wrote:
        >
        > Hi There
        >
        > I'm trying to get my SVG animated series to my Wordpress blog
        > (http://www.veikoherne.com/wonderries/) as they still work on Opera
        > after more than 5 years and need some Javascript help.
        >
        > I put following code to header:
        > <script type="text/javascript"> if
        > (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for
        > Opera/x.x or Opera x.x (ignoring remaining decimal places) var
        > newsImageData = [ {data: "http://www.veikoherne.com/svg/Skirt.svgz",
        > type: "image/svg+xml"}, {data:
        > "http://www.veikoherne.com/svg/BandName.svgz", type: "image/svg+xml"},
        > {data: "http://www.veikoherne.com/svg/Password.svgz", type:
        > "image/svg+xml"},{data:
        > "http://www.veikoherne.com/svg/BigBrother.svgz", type:
        > "image/svg+xml"},{data:
        > "http://www.veikoherne.com/svg/Overqualified.svgz", type:
        > "image/svg+xml"} ]; } else var newsImageData = [{data:
        > "http://www.veikoherne.com/svg/noopera.JPG", type: "image/jpg"}];var
        > currNewsImgIdx = 0; function UpdateNews () { var img =
        > document.getElementById ("image"); var imgContent =
        > document.getElementById ("imageContent"); img.data =
        > newsImageData[currNewsImgIdx]; imgContent.innerHTML =
        > newsImageData[currNewsImgIdx].data; }function NextNews () {
        > currNewsImgIdx = (currNewsImgIdx + 1) % newsImageData.length;
        > UpdateNews (); }function PrevNews () { currNewsImgIdx =
        > (currNewsImgIdx + newsImageData.length - 1) % newsImageData.length;
        > UpdateNews (); } function OnDocLoad () { UpdateNews (); } </script>
        >
        > and calling them in table:
        >
        > <table border="0" onload="OnDocLoad ()"><tr><td>
        > <div><!-- Facebook Badge START -->
        > ......
        > <!-- Facebook Badge END -->
        > </div></td><td align="center">
        > <object id="image" data="" type="" width="240" height="320"
        > /></td></tr></table>
        >
        > But I do not get even noopera.JPG shown up!!!
        >
        > How should I call those objects dynamically?
        >
        > Veiko
        >
        >


        [Non-text portions of this message have been removed]



        ------------------------------------

        -----
        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
      • Jacob Beard
        Where are you putting this code? In the HTML version of the post? It may be that Wordpress is changing it. Do you have a live site which I could inspect? Jake
        Message 3 of 4 , Feb 5, 2011
        • 0 Attachment
          Where are you putting this code? In the HTML version of the post? It may
          be that Wordpress is changing it. Do you have a live site which I could
          inspect?

          Jake

          On 11-02-05 11:04 AM, veiko herne wrote:
          >
          > Agree, here is a git:
          >
          > git://gist.github.com/812544.git
          >
          > Veiko
          > <a rel="nofollow" target="_blank" href="http://www.veikoherne.com">Veiko
          > Herne</a>
          >
          > ----- Original Message ----
          > From: Jacob Beard <jbeard4@... <mailto:jbeard4%40cs.mcgill.ca>>
          > To: svg-developers@yahoogroups.com
          > <mailto:svg-developers%40yahoogroups.com>
          > Sent: Sat, February 5, 2011 1:29:16 PM
          > Subject: Re: [svg-developers] Trying to get my SVG animations to
          > Wordpress blog
          >
          > It might be good to post this code to a snippets site like
          > gist.github.com, or even jsfiddle.net, as it's unfortunately difficult
          > to read in this format.
          >
          > Thanks,
          >
          > Jake
          >
          > On 11-02-04 01:20 PM, Veiko Herne wrote:
          > >
          > > Hi There
          > >
          > > I'm trying to get my SVG animated series to my Wordpress blog
          > > (http://www.veikoherne.com/wonderries/) as they still work on Opera
          > > after more than 5 years and need some Javascript help.
          > >
          > > I put following code to header:
          > > <script type="text/javascript"> if
          > > (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for
          > > Opera/x.x or Opera x.x (ignoring remaining decimal places) var
          > > newsImageData = [ {data: "http://www.veikoherne.com/svg/Skirt.svgz",
          > > type: "image/svg+xml"}, {data:
          > > "http://www.veikoherne.com/svg/BandName.svgz", type: "image/svg+xml"},
          > > {data: "http://www.veikoherne.com/svg/Password.svgz", type:
          > > "image/svg+xml"},{data:
          > > "http://www.veikoherne.com/svg/BigBrother.svgz", type:
          > > "image/svg+xml"},{data:
          > > "http://www.veikoherne.com/svg/Overqualified.svgz", type:
          > > "image/svg+xml"} ]; } else var newsImageData = [{data:
          > > "http://www.veikoherne.com/svg/noopera.JPG", type: "image/jpg"}];var
          > > currNewsImgIdx = 0; function UpdateNews () { var img =
          > > document.getElementById ("image"); var imgContent =
          > > document.getElementById ("imageContent"); img.data =
          > > newsImageData[currNewsImgIdx]; imgContent.innerHTML =
          > > newsImageData[currNewsImgIdx].data; }function NextNews () {
          > > currNewsImgIdx = (currNewsImgIdx + 1) % newsImageData.length;
          > > UpdateNews (); }function PrevNews () { currNewsImgIdx =
          > > (currNewsImgIdx + newsImageData.length - 1) % newsImageData.length;
          > > UpdateNews (); } function OnDocLoad () { UpdateNews (); } </script>
          > >
          > > and calling them in table:
          > >
          > > <table border="0" onload="OnDocLoad ()"><tr><td>
          > > <div><!-- Facebook Badge START -->
          > > ......
          > > <!-- Facebook Badge END -->
          > > </div></td><td align="center">
          > > <object id="image" data="" type="" width="240" height="320"
          > > /></td></tr></table>
          > >
          > > But I do not get even noopera.JPG shown up!!!
          > >
          > > How should I call those objects dynamically?
          > >
          > > Veiko
          > >
          > >
          >
          > [Non-text portions of this message have been removed]
          >
          > ------------------------------------
          >
          > -----
          > To unsubscribe send a message to:
          > svg-developers-unsubscribe@yahoogroups.com
          > <mailto:svg-developers-unsubscribe%40yahoogroups.com>
          > -or-
          > visit http://groups.yahoo.com/group/svg-developers and click "edit my
          > membership"
          > ----Yahoo! Groups Links
          >
          >


          [Non-text portions of this message have been removed]
        Your message has been successfully submitted and would be delivered to recipients shortly.