[NEU] Imageslider einbauen ?

mkmedia

Anfänger

Beiträge: 9

Montag, 25. Oktober 2010, 10:53

re

Wo muss das rein ??

$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});

djknuffel

Moderator

Beiträge: 711

CMS Version: 4.0.1

Wohnort: Frankfurt a.M.

Paypal:

Montag, 25. Oktober 2010, 13:19

Zitat von »mkmedia«

Wo muss das rein ??

$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});

verwende bitte beim nächstenmal code posten den button mit der "#"

zu deiner frage, das kommt direkt unter

	Quellcode
1	<!-- \|\| Template powered by cms2day - www.cms2day.de \|\| -->

aber es fehlt dir noch die einbundung der grafiken an der stelle wo du sie haben möchtest, bei mir sieht das in etwa so aus:

Quellcode

<div id="slider" class="nivoSlider">
	<img src="http://www.djknuffel.de/includes/templates/layouttest/images/slide-sahe.jpg" alt="" title="Sachse &amp; Hexe" />
	<img src="http://www.djknuffel.de/includes/templates/layouttest/images/slide-leo.jpg" alt="" title="Leo" />
	<img src="http://www.djknuffel.de/includes/templates/layouttest/images/slide-yuna.jpg" alt="" title="Yuna"/>
	<img src="http://www.djknuffel.de/includes/templates/layouttest/images/slide-lotte.jpg" alt="" title="Lotte"/>
</div>

Ergebniss: http://www.djknuffel.de (im Monitor...)

akrell.de - Informationen zu meinen Modulen für das cms2day System und meine Arbeiten als Hobbyfotograf

mkmedia

Anfänger

Beiträge: 9

Montag, 25. Oktober 2010, 14:13

Zitat

Wenn ich das so machen, sieht das so aus :-(

http://lackiererei-petrich.de/cms/

djknuffel

Moderator

Beiträge: 711

CMS Version: 4.0.1

Wohnort: Frankfurt a.M.

Paypal:

Montag, 25. Oktober 2010, 15:31

du musst das zwischen einem

	Quellcode
1	<script type="text/javascript">

und

	Quellcode
1	</script>

packen.

Also, direkt unter

	Quellcode
1	<!-- \|\| Template powered by cms2day - www.cms2day.de \|\| -->

musst das so rein

	Quellcode
1 2 3 4 5 6 7 8	<script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true }); }); </script>

davon mal abgesehen würde der slider dann immer noch nicht funktionieren weil der pfad zu den js dateien für jquery und dem slider offenbar nicht stimmen

versuch die dateien für jquery und dem slider doch mal so einzubinden:

Quellcode

1
2

<script type="text/javascript" src="http://lackiererei-petrich.de/cms/includes/templates/bluevision/js/jquery.js"></script>
<script type="text/javascript" src="http://lackiererei-petrich.de/cms/includes/templates/bluevision//js/easySlider1.5.js"></script>

und anstelle dem "content here..." solltest ein paar bilder einbinden damit man dann sehen kann ob der slider funktioniert

akrell.de - Informationen zu meinen Modulen für das cms2day System und meine Arbeiten als Hobbyfotograf

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »djknuffel« (25. Oktober 2010, 15:36)

mkmedia

Anfänger

Beiträge: 9

Montag, 25. Oktober 2010, 17:16

Ha :-)
Super das hat geklappt....

Aber noch zwei Fragen. Wie bekomme ich den next und Previos Button weg? und wo kann ich die Grösse definieren ?

djknuffel

Moderator

Beiträge: 711

CMS Version: 4.0.1

Wohnort: Frankfurt a.M.

Paypal:

Montag, 25. Oktober 2010, 17:19

das wird denk ich über eine css datei gesteuert, du hast diese ja auch auf seite 1 von diesem beitrag schon gespostet wo angaben für width & height enthalten sind, diese einfach mal verändern und schauen was passiert

akrell.de - Informationen zu meinen Modulen für das cms2day System und meine Arbeiten als Hobbyfotograf

mkmedia

Anfänger

Beiträge: 9

Montag, 25. Oktober 2010, 17:19

Sorry hat sich erledigt, ich habs hinbekommen.

Daaaaaaaaaaaaaaaaanke für die Hilfe. Ich hätte das alleine nie geschafft ! :biggrin:

frankw83

Anfänger

Beiträge: 16

Samstag, 4. Juni 2011, 16:26

Hallo.. könntet ihr mir bitte auch noch weiterhelfen?

habe das so versucht zu machen, wie beschrieben.. funktioniert aber nicht

	Quellcode
1	Nivo Slider Demo

würde gern das bild mit der maus sliden lassen (später natürlich ein anderes)

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »frankw83« (17. Juli 2011, 15:02)

djknuffel

Moderator

Beiträge: 711

CMS Version: 4.0.1

Wohnort: Frankfurt a.M.

Paypal:

Samstag, 4. Juni 2011, 16:49

pack das hier

Quellcode

<script type="text/javascript" src="http://wts-online.org/cms/includes/templates/query/scripts/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="http://wts-online.org/cms/includes/templates/query/nivo-slider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
 $(window).load(function() {
    $('#slider').nivoSlider();
});
</script>

mal oben vor das "</head>" im Template

das bild mit der maus hast du in der css datei vom template als background definiert, für den slide musst du das aber direkt als bild angeben und nicht via css

akrell.de - Informationen zu meinen Modulen für das cms2day System und meine Arbeiten als Hobbyfotograf

frankw83

Anfänger

Beiträge: 16

Samstag, 4. Juni 2011, 17:32

Zitat

das bild mit der maus hast du in der css datei vom template als background definiert, für den slide musst du das aber direkt als bild angeben und nicht via css

also das mit dem slider habe ich jetzt hinbekommen.. aber warum werden die bilder nicht richtig angezeigt? das "Previous Next" stört auch irgendwie

wenn das alles soweit funktioniert würde ich gern die gewerbliche lizenz erwerben.

Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »frankw83« (5. Juni 2011, 11:23)

cms2day Forum - Community & Support rund ums cms2day