Results 1 to 9 of 9

Thread: Carousel

  1. #1
    Ext User
    Join Date
    Jan 2009
    Posts
    13
    Vote Rating
    0
      0  

    Default Carousel

    Hi all,

    I'm trying to make a link from the images that shown in the Carousel. Here is my code:
    Notice that the last line inside the "div" is an "a tag" and its still not working.

    Does anyone have a solution?

    Thanks,
    Doron

    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=WINDOWS-1255" />
            <title>Ext Carousel Example</title>  
            
         <link href="../examples.css" rel="stylesheet" />
         <link href="carousel.css" rel="stylesheet" />
            
         <script src="../../ext-core-debug.js"></script>
            <script src="carousel.js"></script>
            
            <script>
                Ext.onReady(function() {
                    new Ext.ux.Carousel('simple-example');
                })
            </script>
            
            <style>
                div.item {
                    padding: 20px;
                }            
            </style>
        </head>
        <body>
         <h2>Example</h2>
        
         <h3>Simple configuration</h3>
            <div id="simple-example" style="padding: 5px; height: 280px; width: 420px; background-color: #E6E6E0">
                <img src="slides/4.jpg" title="?????">
                <img src="slides/5.jpg" title="???">
                <img src="slides/psy.jpg" title="???? ?????">
          <a href="movies/showMovie.php"><img alt="??? ??????" src="slides/5.jpg" /></a>
            </div>
     
        </body>
    </html>
    Last edited by mystix; 4 Jul 2009 at 1:05 AM. Reason: POST HTML IN [HTML][/HTML] TAGS!!!!!!!!!!!!

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Answers
    1
    Vote Rating
    119
      0  

    Default

    Try:
    Code:
    new Ext.ux.Carousel('simple-example', {
      itemSelector: 'a'
    });
    (obviously only works if you add anchors to all images)

  3. #3
    Ext User
    Join Date
    Jan 2009
    Posts
    13
    Vote Rating
    0
      0  

    Default

    Condor,

    Thanks for your quick response.
    when you change the anchors to "a tag" the Carusale Isn't working..
    anyway I used simple JS that catches the object, take his ID, and then open a new window..

    Thanks again,
    Doron,

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Answers
    1
    Vote Rating
    119
      0  

    Default

    itemSelector:'a' also matches the navigation buttons.

    Use something like:
    Code:
    <a class="img" href="movies/showMovie.php"><img alt="??? ??????" src="slides/5.jpg" /></a>
    with:
    Code:
    itemSelector:'a.img'

  5. #5
    Ext User
    Join Date
    Jan 2009
    Posts
    13
    Vote Rating
    0
      0  

    Default

    Condor -
    It worked!
    Thank you very much!

    Doron

  6. #6
    Sencha User
    Join Date
    Mar 2009
    Posts
    356
    Answers
    1
    Vote Rating
    0
      0  

    Default

    Quote Originally Posted by doron447 View Post
    Condor -
    It worked!
    Thank you very much!

    Doron
    can i see demo??
    my ext js site
    http://www.itoto4.com/

  7. #7
    Ext User
    Join Date
    Jan 2009
    Posts
    13
    Vote Rating
    0
      0  

    Default

    Hi Koko,

    Its not on the server yet,
    If you want, remind in one week from now and I will be glad to give you a link to the site.

    Doron

  8. #8
    Sencha User
    Join Date
    Mar 2009
    Posts
    356
    Answers
    1
    Vote Rating
    0
      0  

    Default

    ok
    can give a cod?

    ?? ?? ???? ?????? ?????? ????? ?????.???? ????.????
    my ext js site
    http://www.itoto4.com/

  9. #9
    Ext User
    Join Date
    Jan 2009
    Posts
    13
    Vote Rating
    0
      0  

    Default

    Koko,

    here is the code:
    ****************************************************************
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=WINDOWS-1255" />
    <title>abc</title>

    <link href="../examples.css" rel="stylesheet" />
    <link href="carousel.css" rel="stylesheet" />

    <script src="../ext-core/ext-core-debug.js"></script>
    <script src="carousel.js"></script>

    <script>

    Ext.onReady(function() {
    new Ext.ux.Carousel('simple-example', {
    itemSelector: 'a.img'
    });
    })
    </script>

    <style>
    div.item {
    padding: 20px;
    }
    </style>
    </head>
    <body style = 'direction: rtl; text-align: center'>
    </br>
    <h1>abc</h1>
    <h3>abc</h3>
    </br>
    <div id="simple-example" style="padding: 5px; height: 350px; width: 420px; background-color: #E6E6E0">
    <a class="img" title="????? ?????" href="../login.php"><img src="slides/childs.jpg" /></a>
    <a class="img" title="????? ?????" href="../security/loginManager.php"><img src="slides/manager.jpg" /></a>
    <a class="img" title="????? ???? ?????" href="../security/loginAdmin.php"><img src="slides/psy.jpg" /></a>

    </body>
    </html>

Posting Permissions

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