Slider für Drupal
Eingetragen von Greenix (10)am 25.02.2012 - 23:07 Uhr in
Hallo,
habe auf meiner Website einen Slider nach folgenden Tutorial eingebaut:
http://www.youtube.com/watch?v=IislFaomZng
Habe alles befolgt, aber kam Anfangs nur etwas durcheinander welcher Code jetzt wo hin kopiert werden muss^^
Derzeit fehlen noch die Grafiken: http://www.apemarkt.de/copyshop
Problem:
Bei Google Chrome lädt er nach jedem Fade den Slider neu...warum??
lg David
- Anmelden oder Registrieren um Kommentare zu schreiben
Der Fehler ist offenbar
am 26.02.2012 - 00:00 Uhr
Der Fehler ist offenbar browserunabhängig, denn im Opera und im Firefox wird das Bild auch noch einmal geladen.
ich habe diesen Slider in der gleichen Art und Weise schon auf mehreren Seiten eingebunden, und es kam nie zu dem Fehler.
Irgendetwas muss da beim Einbauen schief gelaufen sein.
Gib mal bei dem Bild, welches du dort eingefügt hast, auch die Breite und Höhe an.
lieben Gruß
Berthold Lausch
Also bei mir ist es nur bei
am 26.02.2012 - 00:27 Uhr
Also bei mir ist es nur bei Google Chrome...
wo soll ich die angeben?
#slideshow {
position:absolute;
top: 390px;
left: 20px;
height: 145px;
width: 359px;
}
#slider-navigation {
position:absolute;
top: 390px;
height: 145px;
width: 359px;
}
#slider-controls ul li a{
width: 17px;
height: 17px;
display: inline-block;
background-repeat: no-repeat;
}
#slider-controls ul li{
display: inline-block;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
}
#slider-controls ul li.activeSlide a{
width: 17px;
height: 17px;
display: inline-block;
background-repeat: no-repeat;
Das wäre der CSS-Code.
lg David
nicht im CSS Code. Nachdem
am 26.02.2012 - 01:17 Uhr
nicht im CSS Code.
Nachdem der Slide durchgeführt wird, wird die Funktion onAfter aufgerufen, damit die Controlls richtig positioniert werden können.
Möglicherweise führt das dazu, dass das Bild neu geladen wird.
Natürlich sollst du die Höhe und Breite bei dem img-Tag eintragen, also in der Node, die für den Slide ausgelesen wird.
btw: Das sollte man immer tun, warum die Browser die Entscheidung überlassen, wie groß ein Bild ist.
Da ist es doch besser, Höhe und Breite anzugeben.
Gruß
Berthold
torfnase schriebnicht im CSS
am 26.02.2012 - 02:51 Uhr
nicht im CSS Code.
Nachdem der Slide durchgeführt wird, wird die Funktion onAfter aufgerufen, damit die Controlls richtig positioniert werden können.
Möglicherweise führt das dazu, dass das Bild neu geladen wird.
Natürlich sollst du die Höhe und Breite bei dem img-Tag eintragen, also in der Node, die für den Slide ausgelesen wird.
btw: Das sollte man immer tun, warum die Browser die Entscheidung überlassen, wie groß ein Bild ist.
Da ist es doch besser, Höhe und Breite anzugeben.
Gruß
Berthold
ich versteh nicht wo ich das eintragen soll...
EDIT: Hab kurz was gemacht und jetzt läuft es plötzlich bei mir in Chrome :D
also besser geworden ist das
am 26.02.2012 - 13:42 Uhr
also besser geworden ist das nicht :-(
ist das denn wirklich so schwer zu verstehen, was ich da geschrieben habe....
du sollst es im img-Tag eintragen, also hier
<img src="/copyshop/sites/all/themes/copyshop/images/IMG_0107.JPG" />dann wird das Problem wohl gelöst sein.
Du kannst das auch testen, wenn du die onAfter Funktion mal deaktivierst, dann wird es wohl auch gehen, aber dann wird die Höhe des Sliders eben nicht mehr an die tatsächliche Höhe des Inhalts angepaßt.
passt es nun...? Also bei mir
am 26.02.2012 - 14:23 Uhr
passt es nun...?
Also bei mir schon :)
es paßt schon so halbwegs,
am 26.02.2012 - 14:39 Uhr
es paßt schon so halbwegs, aber eigentlich schreibt man das mit der Höhe und Breite anders, nämlich so:
<img src="/copyshop/sites/all/themes/copyshop/images/IMG_0107.JPG" width="XXX" height="YYY" id="slider3" />wobei XXX die Breite in Pixel ist und YYY die Höhe in Pixel.