1. #1
    Ext User
    Join Date
    Jan 2009
    Posts
    13
    Vote Rating
    0
    doron447 is on a distinguished road

      0  

    Default Unanswered: Carousel

    Unanswered: 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,251
    Answers
    1
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      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
    doron447 is on a distinguished road

      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,251
    Answers
    1
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      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
    doron447 is on a distinguished road

      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
    koko2589 is on a distinguished road

      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
    doron447 is on a distinguished road

      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
    koko2589 is on a distinguished road

      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
    doron447 is on a distinguished road

      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>

Thread Participants: 2

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar