Welcome to TalkGraphics.com
Results 1 to 8 of 8

Threaded View

  1. #7

    Default Re: Scroller that will work with XWD6?

    Hi,

    there are several ways to do this. You can use jQuery plugins for different sliders with XD or WD6. Search (google) for "Easyslider" "JQuery S3 Slider" "JQuery Fancy Image" "SlideDeck" there are tons of them ;-) on the web.

    You can use a <head> placeholder to integrate Java script source in the head area of your site (search for <head> placeholder). Then you online have to integrate the slider via rectangle as placeholder in which you put the html code as placeholder.

    You can put the code [here for Esayslider 1.7] in <div> like sample here:

    <div id="slider">
    <ul>
    <li><a href="" target=""><img src="images/a5.jpg" border="0" alt=""></a></li>
    <li><a href="" target=""><img src="images/a1.jpg" border="0" alt=""></a></li>
    <li><a href="" target=""><img src="images/a2.jpg" border="0" alt=""></a></li>
    <li><a href="" target=""><img src="images/a3.jpg" border="0" alt=""></a></li>
    <li><a href="" target=""><img src="images/a4.jpg" border="0" alt=""></a></li>
    </ul>
    </div>
    </div>

    Code for head placeholder (name <head> ):

    <script type="text/javascript" src="jsslider/jquery.js"></script>
    <script type="text/javascript" src="jsslider/easySlider1.7.js"></script>
    <link href="jsslider/screen.css" rel="stylesheet" type="text/css" media="screen">
    <script type="text/javascript">
    $(document).ready(function(){
    $("#slider").easySlider({
    auto: true,

    You must put the neccesary jQuery files fo your (local) hmtl folder and upload them also later.


    There is also another way:

    You can integrate the slider as separate html.doc also via iframe:

    <iframe name=myframe src=URL [replace with slider.html] width=100% height=100% scrolling=no frameborder=0></iframe>

    One of the most easiest ways to make with less JS knowledge sliders is to use this webeditor http://tinyurl.com/yqead5 which comes with tons of extensions to very easy integrate effects and modules which you can integrate via iframe or <div> into XD or WD6. You can take a overview for the extensions here:

    http://tinyurl.com/5uzun2o

    (Please note that I do not want make promotion for this software. I only want demonstrate this as a easy way for integrate several extensions into XARA. Thus this program can not compare to Xara design possibilities in any way ;-))

    Regards TomTom2009
    Last edited by TomTom2009; 22 February 2011 at 11:14 AM.

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •