We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 30086
    • 110 Posts
    I’m using the modx 1.0.4 and I’m trying to figure out how to integrate the xml on it.

    I have downloaded this http://www.flashxml.net/3d-carousel-menu.html as I want to have flash like images in the website

    I guess I was able to have it shown in the site, but not the images. Can someone please tell me what’s wrong with this?



    <html>
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
    <script src="js/lightbox++.js" type="text/javascript"></script>
    
    <script type="text/javascript">
    function GroupDelegate(id) {
     var objLink = document.getElementById(id);
     Lightbox.prototype.start(objLink);
    }
    </script>
    
    <a id="img1" title="First image" rel="lightbox[img]" href="images/pics1.png"></a>
    <a id="img2" title="Second image" rel="lightbox[img]" href="images/pics2.png"></a>
    <a id="img3" title="Third image" rel="lightbox[img]" href="images/pics3.png"></a>
    <a id="img4" title="Fourth image" rel="lightbox[img]" href="images/pics4.png"></a>
    <a id="img5" title="Fifth image" rel="lightbox[img]" href="images/pics5.png"></a>
    <a id="img6" title="Sixth image" rel="lightbox[img]" href="images/pics6.png"></a>
    <a id="img7" title="Seventh image" rel="lightbox[img]" href="images/pics7.png"></a>
    
    
    <div id="CarouselDiv"></div>
    <script type="text/javascript" src="http://www.wikima4.com/assets/images/carousel/swfobject.js"></script>
    <script type="text/javascript">
    var flashvars = {};
    flashvars.imagesXML = "http://www.wikima4.com/assets/images/carousel/images.xml";
    flashvars.rotationAngle = "10";
    flashvars.showCenteredImage = "true";
    var params = {};
    params.scale = "noscale";
    params.salign = "tl";
    params.wmode = "transparent";
    params.wmode = "transparent";
    params.allowscriptaccess = "samedomain";
    wmode="transparent"
    var attributes = {};
    swfobject.embedSWF("http://www.wikima4.com/assets/images/carousel/carousel.swf", "CarouselDiv", "600", "400", "9.0.0", false, flashvars, params, attributes);
    </script>
    </html>
      • 30086
      • 110 Posts
      because I wanted to post the code separately
      The other one was a different question.

      Maybe you can just reply here. Did you check the site again?
      I did some changes here it is:


      <html>
      <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
      <script src="js/prototype.js" type="text/javascript"></script>
      <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
      <script src="js/lightbox++.js" type="text/javascript"></script>
      
      <script type="text/javascript">
      function GroupDelegate(id) {
       var objLink = document.getElementById(id);
       Lightbox.prototype.start(objLink);
      }
      </script>
      
      <a id="img1" title="First image" rel="lightbox[img]" href="images/pics1.png"></a>
      <a id="img2" title="Second image" rel="lightbox[img]" href="images/pics2.png"></a>
      <a id="img3" title="Third image" rel="lightbox[img]" href="images/pics3.png"></a>
      <a id="img4" title="Fourth image" rel="lightbox[img]" href="images/pics4.png"></a>
      <a id="img5" title="Fifth image" rel="lightbox[img]" href="images/pics5.png"></a>
      <a id="img6" title="Sixth image" rel="lightbox[img]" href="images/pics6.png"></a>
      <a id="img7" title="Seventh image" rel="lightbox[img]" href="images/pics7.png"></a>
      
      
      <div id="CarouselDiv"></div>
      <script type="text/javascript" src="http://www.wikima4.com/assets/images/carousel/swfobject.js"></script>
      <script type="text/javascript">
      var flashvars = {};
      flashvars.imagesXML = "http://www.wikima4.com/assets/images/carousel/images.xml";
      flashvars.rotationAngle = "10";
      flashvars.showCenteredImage = "true";
      var params = {};
      params.scale = "noscale";
      params.salign = "tl";
      params.wmode = "transparent";
      params.allowscriptaccess = "samedomain";
      wmode="transparent"
      var attributes = {};
      swfobject.embedSWF("http://www.wikima4.com/assets/images/carousel/carousel.swf", "CarouselDiv", "600", "400", "9.0.0", false, flashvars, params, attributes);
      </script>
      </html>