Zyklus Plugins mit Punkten nicht mit Zahlen

<!DOCTYPE HTML>

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script type="text/javascript">
$.fn.cycle.defaults.timeout = 6000;
$(function() {
$('#s4').after('<div id="nav" class="nav">').cycle({
        fx:     'fade',
        speed:  'fast',
        timeout: 0,
        pager:  '#nav'

    });
});
</script>
</head>
<body>
<div id="demos">
   <table cellspacing="20">
    <tr>
    <td>
        

Pager

        <div id="s4" class="pics">
            
            
            
            
            
            
            

        </div>

    </td></tr>
    </table>
</div>
</div>
</body>
</html>

I have done a little research in cycle plugin and so i try to make my own but the problem is i need that dot button instead of 1 2 or 3 etc but I am not able to find out why the 1, 2,3 are coming and from where it is coming . this is my 1st program using jQuery thats y i am having little bit problem in understanding it . So plz if any one can explain me .....it will b great

0

1 Antworten

You can style the for the "numbers" with your own images, or via CSS3 make the "dots".

Beispiel HTML für die Navigation, die vom oben genannten Plugin generiert wird: (Ich habe den cycle-block erstellt)

<div class="cycle-block">
    1
    2
    3
    4
    5
</div>

und das CSS:

.cycle-block a {
    background: url(../MYIMAGE.png) no-repeat scroll -305px 0 
    transparent;
    display: block;
    float: left;
    height: 14px;
    margin-left: 4px;
    overflow: hidden;
    text-indent: -9000px;
    width: 14px;
}

BEARBEITEN:

Die Zahlen stammen aus der Anzahl der Zyklenelemente und dem Pager , der hier definiert wird: pager: '#nav' platziert die Zahlen in diesem Element.

0
hinzugefügt
@ PHP_USER1 müssen Sie es mit CSS stylen, keine Bild-Tags beteiligt.
hinzugefügt der Autor jackJoe, Quelle
wenn pager: #nav platziere die Zahlen in diesem Element, also wie man es durch einen Punkt ersetzt. Darin macht meine JS mich div. kann ich manuell machen und wenn ich auf irgendeinen klicke, ändert sich das Bild
hinzugefügt der Autor PHP_USER1, Quelle
Bitte kannst du mir ein Beispiel geben
hinzugefügt der Autor PHP_USER1, Quelle