javascript

[julia2631]

hi leuts,
also ich habe diesen Befehl in meinem Javascript:
directionNav:true, //Next & Prev
hätte gerne, dass er mir statt "next" & "prev" über meinem Bild zum weiter klicken zwei bilder z.B. pfeile hin macht.

Wie kann ich das anstellen ?

dake schon mal !

 

[bejonwe]

AW: javascript

[...] also ich habe diesen Befehl in meinem javascript: [...]

In welchem JavaScript (fertiger, eigener, ...), es ist mir nämlich keine Javamethode bekannt die diesem entspricht

bejonwe

 

[julia2631]

AW: javascript

das is ein fertiges ...
das ganze sieht so aus :
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', //Specify sets like: 'fold,fade,sliceDown'
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
controlNavThumbsFromRel:false, //Use image rel for thumbs
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>

vielleicht hilft das weiter ^^ich weiß nur wenn ich das true auf false setzt ist das "next" und "prev" weg ... aber ich möchte es ersetzte ?!

 

[ChrisvA]

AW: javascript

Weiter hilft der Codhttp://php.net/manual/de/book.xml.php auch nicht, da er nicht komplett ist. Alternativ würde auch ein Link zur Gallerie helfen.
Auch bitte bei Posten von Code die Code-Tags benutzen.

 

[julia2631]

AW: javascript

ich habe zusätzlich noch eine externe .js datei ... ?!

 

[ChrisvA]

AW: javascript

Genau, in dieser steht was passiert, falls directionNav:tru gesetzt ist.

 

[julia2631]

AW: javascript

\'||4.o==\'1r\'){b i=0;$(\'.7-c\',5).E(9(){$(g).e(\'x\',\'r%\');6(i==3.h-1){$(g).A({y:\'1.0\'},(3.q*2),\'\',9(){5.18(\'7:Z\')})}n{$(g).A({y:\'1.0\'},(3.q*2))}i++})}}};$.1f.1q.2c={k:\'1t\',h:15,q:2x,1m:2w,1a:0,T:Q,2d:Q,M:Q,20:m,1Q:m,1R:\'.1O\',1P:\'2v.1O\',1M:Q,1T:Q,1i:m,1Y:0.8,1W:9(){},1U:9(){},1V:9(){}};$.1f.1e=[].1e})(2s);',62,167,'|||settings|vars|slider|if|nivo||function||var|slice|kids|css|currentSlide|this|slices||child|effect|timer|false|else|randAnim||animSpeed|100|attr|currentImage|timeBuff||width|height|opacity|class|animate|img|div|src|each|nivoRun|sliceWidth|caption|return|append|is|setTimeout|controlNav|running|0px|display|true|no|clearInterval|directionNav|totalSlides|url|background|Math|repeat|animFinished|anims|rel|sliceUpDownLeft|px|sliceDownLeft||title|sliceUpLeft|trigger|nudge|startSlide|nivoControl|childWidth|childHeight|reverse|fn|find|none|manualAdvance|length|paused|control|pauseTime|addClass|active|link|nivoSlider|fade|first|random|50|setInterval|block|fadeIn|html|call|next|eq|prev|fold|sliceUpDown|sliceUpRight|top|origWidth|click|live|sliceDownRight|event|keyboardNav|stop|jpg|controlNavThumbsReplace|controlNavThumbsFromRel|controlNavThumbsSearch|data|pauseOnHover|afterChange|slideshowEnd|beforeChange|options|captionOpacity|keyCode|controlNavThumbs|left|fadeOut|bottom|hide|hover|floor|round|alt|nextNav|prevNav|for|defaults|directionNavHide|hasClass|zurueck|relative|position|extend|children|imageLink|show|weiter|replace|indexOf|sliceDown|window|split|jQuery|sliceUp|sliceUpDownRight|_thumb|3000|500|undefined|trim|keypress|Array|37|39|bind|removeClass|new'.split('|'),0,{}))



Sooooo... das is ein teil meiner externe datei ^^ die dicken wörter waren vorher :next und prev ... wenn ich sie gegen ein anderes wor ersetzte mach er das was ich will...doch wie kann ich statt dem wort ein bild einbauen ? Danke schon mal für eure hilfe bis jetzt!!

 

[bejonwe]

AW: javascript

Sag uns welchen Script du verdwendest (Name)

...


Nivo Slider passt am besten zum gesendeten,

auf der Seite Nivo Slider - The Most Awesome jQuery Image Slider musst du ganz unten die Development (unpacked VErsion runterladen) sonst geht es nicht (falls du dies nicht schon getan hast)

dann ist in der .js Datei irgendwo (suche danach) dieser Code:

if(settings.directionNav){
slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div>');

//Hide Direction nav
if(settings.directionNavHide){
$('.nivo-directionNav', slider).hide();
slider.hover(function(){
$('.nivo-directionNav', slider).show();
}, function(){
$('.nivo-directionNav', slider).hide();
});
}

$('a.nivo-prevNav', slider).live('click', function(){
if(vars.running) return false;
clearInterval(timer);
timer = '';
vars.currentSlide-=2;
nivoRun(slider, kids, settings, 'prev');
});

$('a.nivo-nextNav', slider).live('click', function(){
if(vars.running) return false;
clearInterval(timer);
timer = '';
nivoRun(slider, kids, settings, 'next');
});
}

diesen musst du in der zweiten Zeile so abändern:

slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav"><img src="[Dein Bild]" /></a><<img src="[Dein Bild]" /></div>');

und dann send einen Link wo diese ist (falls es noch nicht ganz funktioniert. / was ich vermute) oder hänge den Ordner als zip an.

 

[julia2631]

AW: javascript

jaaaaaa genau den verwende ich xDDDDDD
ich habe die "production" downgloadet ... mit der geht also nicht ?! ^^
gut zu wissen, dann nimm ich mal die andere und versuche es mal schnell

viiiilen lieben dank schon mal !!!

 

[julia2631]

AW: javascript

also ich hab jetz die zeile ausgetauscht und meine bilder eingesetzt... leider funtst es immer noch nicht ...
ich würde den ordner gerne mitsenden..nur leider weiß ich nicht wie das funktioniert ^^

 

[sokie]

AW: javascript

hallo Julia,
ändere nicht an dem Javascript.
wenn du das design so haben willst, wie es auf der Seite Nivo Slider - The Most Awesome jQuery Image Slider zu sehen ist, kannst du das style so runterladen (ist unter demPunkt "Style Your Slider Like the One On This Site zu finden) - du musst dann nur statt der ursprünglichen css die custom-nivo-slider.css in den <link> Tag einbinden.

zum Verwenden in einer Webseite ist die 'Production' schon genau die richtige.

Alle Veränderungen an der Optik werden in der CSS vorgenommen - nicht in den Scripts!

(UND BITTE: Zum Posten von Code bitte die Codewerkzeuge benutzen!) auch @bejonwe

 

[julia2631]

AW: javascript

hallo Julia,
ändere nicht an dem Javascript.
wenn du das design so haben willst, wie es auf der Seite Nivo Slider - The Most Awesome jQuery Image Slider zu sehen ist, kannst du das style so runterladen (ist unter demPunkt "Style Your Slider Like the One On This Site zu finden) - du musst dann nur statt der ursprünglichen css die custom-nivo-slider.css in den <link> Tag einbinden.

zum Verwenden in einer Webseite ist die 'Production' schon genau die richtige.

Alle Veränderungen an der Optik werden in der CSS vorgenommen - nicht in den Scripts!

(UND BITTE: Zum Posten von Code bitte die Codewerkzeuge benutzen!) auch @bejonwe

danke ! werde ich versuchen!
p.s. hatte das mit dem code werkzeug gar nicht beachtet - sry

 

[julia2631]

AW: javascript

habs versucht... wen nich dieses css einbaue geht gar nichts mehr ^^

 

[bejonwe]

AW: javascript

Alle Veränderungen an der Optik werden in der CSS vorgenommen - nicht in den Scripts!

in dem Fall ist es aber ein script problem, da im script ja steht das da ein Text hin soll und kein Bild!!!

 

[sokie]

AW: javascript

@julia dabei hätte doch ein blick in die coustom.css gereicht um zu sehen, dass du beide css einbinden musst...

/*
* Note: Include the nivo-slider.css file that comes
* with the main download before including this file.
*/

in dem Fall ist es aber ein script problem, da im script ja steht das da ein Text hin soll und kein Bild!!!

hätte gerne, dass er mir statt "next" & "prev" über meinem Bild zum weiter klicken zwei bilder z.B. pfeile hin macht.

(in dem dort angebotenen css wird der Text ausgeblendet und stattdessen grafiken angezeigt)

 

[bejonwe]

AW: javascript

Schau doch mal den quelltext an (oben) da steht eindeutig drinnen das er next und prev als text anzeigen soll

 

[sokie]

AW: javascript

wie gesagt, einfach mal in die css schauen, die der Autor des scripts da anbietet, da wird der Text einfach aus dem Viewport geschoben, und stattdessen eine Hintergrundgrafik angezeigt. Der Text steht nach wie vor im code.

.nivo-controlNav a {
    display:block;
    width:10px;
    height:10px;
    background:url(bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
.nivo-controlNav a.active {
    background-position:-10px 0;
}

.nivo-directionNav a {
    display:block;
    width:32px;
    height:34px;
    background:url(arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position:-32px 0;
    right:10px;
}
a.nivo-prevNav {
    left:10px;
}

warum sollte man das script umschreiben?

 

[bejonwe]

AW: javascript

OK, das ist natürlich auch eine Möglichkeit!

Aber nur so mal nebenbei: Wäre es nicht auch im Script möglich?

 

[julia2631]

AW: javascript

ok - als erstes mal ein mega dickes dankeschön das ihr mir so schnell helft!

ich habe jetzt beide css eingebaut ... doch jetzt ist leider sense ^^jetzt geht gar nichts mehr ^^? also ich steh jetzt langsam wirklich an...;(

 

[julia2631]

AW: javascript

ok So ich bedanke mich mal recht herzlich ... ich habs jetzt selber geschafft xDD (nach unendlichen vielen anstößen ^^)

Dankeschön für die viele und rasche hilfe !!