pragmaMx Support Forum

alles für Webmaster => Webseitengestaltung Allgemein => Thema gestartet von: Franky am 23 März 2010, 12:24:34

Titel: Ein netter Slider
Beitrag von: Franky am 23 März 2010, 12:24:34
Echt ein hübsches Teilchen.

Wer sowas braucht (Smiley bestimmt..hehe) - steht auf meiner HP im Centerblock (www.wormserwebtreff.de).

Downloaden und anpassen kann man sich das Teilchen hier:

http://nivo.dev7studios.com/

ciao :-)
Titel: Re: Ein netter Slider
Beitrag von: Smiley am 23 März 2010, 14:22:40
Hallo Frank :drinks:

Huch, woher weißt Du das denn   :bigsmile:
Du bist zu spät.  :cul:
Seit gestern abend guckst Du hier http://www.euregiosat.com/modules.php?name=MF-Slider (http://www.euregiosat.com/modules.php?name=MF-Slider) und im Tabs Block auf der Startseite.
Alles schon passiert. Dort werkelt das Modul von pyr0 ganz hervorragend. Einfach zu installieren und eine sehr gute Admin Oberfläche.

Trotzdem Danke, das du an mich denkst. :gott:

LG

Smiley :)
Titel: Re: Ein netter Slider
Beitrag von: Franky am 23 März 2010, 15:10:25
achso, na dann....

der den ich hier genannt habe, kann halt bessere Übergangseffekte, deshalb fand ich den ganz nett.

bye :-)
Titel: Re: Ein netter Slider
Beitrag von: Smiley am 23 März 2010, 17:39:27
Hallo Franky  :drinks:

Da muß ich dir recht geben.

Sieht klasse aus.

LG

Smiley :)
Titel: Re: Ein netter Slider
Beitrag von: Franky am 23 März 2010, 17:42:43
vielleicht kann pyrO die Effekte ja noch bei sich einbauen.

;-)
Titel: Re: Ein netter Slider
Beitrag von: dittsche am 06 Mai 2010, 23:18:06
Hallo,

ich finde den Slider ganz klasse und würde ihn gerne auf meine Seite einbauen.
Aber ich bekomme das nicht hin.
Was muß ich genau downloaden und was muß ich wo an Code einfügen und wo und wie hinterlege ich die Bilder?

DANKE
Titel: Re: Ein netter Slider
Beitrag von: xmjay am 07 Mai 2010, 22:10:53
Hi dittsche  :)

Den Slider hier downloaden: http://dev7studios.com/downloads/22

Danach entpacken und per FTP hochladen "jquery.nivo.slider.pack.js" in den Ordner "includes/javascript/jquery" und "nivo-slider.css" in den Ordner "layout/style"

Einfügen in "includes/my_header.php" (ab Zeile 21):

Zitat<link rel="stylesheet" href="layout/style/nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="includes/javascript/jquery/jquery.nivo.slider.pack.js" type="text/javascript"></script>

Einen HTML-Block erstellen oder wo es eingabaut werden soll (per SPAW-Editor im HTML-Modus einfügen):

Zitat
<div id="slider">
<img alt="BILD" src="media/images/DEIN-BILD.jpg" /> <a href="http://dev7studios.com/">" /></a>
<img title="Beispiel" alt="Beispiel" src="/aha/media/images/DEIN-BILD2.jpg" />
</div>
<script type="text/javascript">$(window).load(function() {
        $('#slider').nivoSlider({
                effect:'random',
                slices:15,
                animSpeed:500,
                pauseTime:3000,
                startSlide:0, //Set starting Slide (0 index)
                directionNav:true, //Next & Prev
                directionNavHide:true, //Only show on hover
                controlNav:true, //1,2,3...
                controlNavThumbs:false, //Use thumbnails for Control Nav
                controlNavThumbsSearch: '.jpg', //Replace this with...
                controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
                keyboardNav:true, //Use left & right arrows
                pauseOnHover:true, //Stop animation while hovering
                manualAdvance:false, //Force manual transitions
                captionOpacity:0.8, //Universal caption opacity
                beforeChange: function(){},
                afterChange: function(){},
                slideshowEnd: function(){} //Triggers after all slides have been shown
        });
});
</script>

Danach den pMx-Cache zurücksetzen (DEINE-SEITE/admin.php?op=resetPmxCache)     

P.S.: Ist ungetestet, sollte allerdings so funktionieren.