anuradhamapa

Well-known member
  • Aug 23, 2006
    13,487
    3,720
    113
    HTML:
    <iframe scrolling="no" src="http://dm.findmyfare.com/ads/dailymirror/600-100/d.php" style="background-color:#3978C8; border:1px solid black" frameborder="10" height="100px" width="250px"></iframe>

    menna me rotator eka wage ekak hadanne komada. wp wala weda karanna one

    mage gawa tiyena image dannai one. meke image eka tiyenne php extemtion eken. :baffled::baffled:
     

    nismok

    Well-known member
  • Jun 27, 2008
    9,391
    673
    113
    meka komada machan add karanne:baffled:

    Its the same script used in your sample.

    Include jQuery and that script.

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://raw.githubusercontent.com/jonmifsud/Web-Ticker/master/jquery.webticker.js"></script>

    Initiate script.

    <script>
    jQuery('#webticker').webTicker()
    //where webTicker is the id of the container you would like the ticker to run upon
    </script>

    CSS -

    <style>
    .tickercontainer
    //width of the original container in which the ticker appears
    .tickercontainer .mask
    //can be used to achieve padding within the container
    ul.newsticker {
    //important to enable css3 transitions properly
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
    list-style:none;
    margin:0;
    }
    </style>

    HTML (add more LI and place whatever content you need) -

    <ul id="webticker">
    <li>My First News Item</li>
    <li>My Second News Item</li>
    <li>My Third News Item</li>
    </ul>
     

    nfs

    Well-known member
  • Mar 29, 2009
    1,638
    76
    48
    ඇයි එන්නද??
    Its the same script used in your sample.

    Include jQuery and that script.

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://raw.githubusercontent.com/jonmifsud/Web-Ticker/master/jquery.webticker.js"></script>

    Initiate script.

    <script>
    jQuery('#webticker').webTicker()
    //where webTicker is the id of the container you would like the ticker to run upon
    </script>

    CSS -

    <style>
    .tickercontainer
    //width of the original container in which the ticker appears
    .tickercontainer .mask
    //can be used to achieve padding within the container
    ul.newsticker {
    //important to enable css3 transitions properly
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
    list-style:none;
    margin:0;
    }
    </style>

    HTML (add more LI and place whatever content you need) -

    <ul id="webticker">
    <li>My First News Item</li>
    <li>My Second News Item</li>
    <li>My Third News Item</li>
    </ul>

    oya thiyenne hoda wistharayak dila.. godak welawata jquery add karanna oni api aluthen hada ganna div eke id eka jquery plugin eke dila thiyena id selector ekata dana eka. (moke id ekada denna oni kiyala jquery plugin eke gahala thiyenawa) id selector eka jquery function eke # mark eken dila athi. anna ethanata denna. oke nam jQuery('#webticker') eke #webticker ekata wage.... :yes::yes:
     

    anuradhamapa

    Well-known member
  • Aug 23, 2006
    13,487
    3,720
    113
    Its the same script used in your sample.

    Include jQuery and that script.

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://raw.githubusercontent.com/jonmifsud/Web-Ticker/master/jquery.webticker.js"></script>

    Initiate script.

    <script>
    jQuery('#webticker').webTicker()
    //where webTicker is the id of the container you would like the ticker to run upon
    </script>

    CSS -

    <style>
    .tickercontainer
    //width of the original container in which the ticker appears
    .tickercontainer .mask
    //can be used to achieve padding within the container
    ul.newsticker {
    //important to enable css3 transitions properly
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
    list-style:none;
    margin:0;
    }
    </style>

    HTML (add more LI and place whatever content you need) -

    <ul id="webticker">
    <li>My First News Item</li>
    <li>My Second News Item</li>
    <li>My Third News Item</li>
    </ul>

    uba kiyala tiyena de mata penwa. awankawa kiyanne mama jquery danne ne. php danneth ne. html danneth ne. namuth oya eka example balagena karaganne. oya files danna one place genath kiyala depan. :baffled: