Hallo zusammen,
wie könnte man oben am Bildschirm eine Reihe von kleinen querformatigen Bildern als Dekoration (Dekoleiste) unterbringen - so dass
*grübel*
Gruß JK
Hallo joku,
spontan denke ich da an mit IMG-Elementen gefüllte, prozentual dimensionierte DIVs.
Die Zufallsreihenfolge aber ist eine Aufgabe für JavaScript.
Schöne Grüße,
Mohamed.
Hallo
spontan denke ich da an mit IMG-Elementen gefüllte, prozentual dimensionierte DIVs.
Wie meinst Du das, kannst Du das näher beschreiben?
Die Zufallsreihenfolge aber ist eine Aufgabe für JavaScript.
Das wäre für mich nicht schwer. 
Schöne Grüße,
JK
spontan denke ich da an mit IMG-Elementen gefüllte, prozentual dimensionierte DIVs.
Wie meinst Du das, kannst Du das näher beschreiben?
z.B. hast Du 10 Bildchen in einem DIV und gibst jedem width:10%
oder zentral:
#divID img{width:10%}
du kannst auch dem DIV ein nowrap geben und overflow auf hidden setzen und soviele Bildchen reinsetzen wie du möchtest.
dann wird nicht umgebrochen und der „Überstand“ verschwindet.
Gruß
Klaus
Hallo joku,
wie könnte man oben am Bildschirm eine Reihe von kleinen
querformatigen Bildern als Dekoration (Dekoleiste)
unterbringen - so dass
- sie auch einen Riesenbildschirm füllen
willst Du eine feste Anzahl von Bilder auf die jeweilige Fensterbreite strecken oder hast Du eine beliebige Anzahl von Bildern in fester Größe, von der dann je nach Fensterbreite mehr oder weniger angezeigt werden?
Gruß
Yasmin
Hallo Yasmin,
willst Du
a) eine feste Anzahl von Bilder auf die jeweilige Fensterbreite strecken
oder hast Du
b) eine beliebige Anzahl von Bildern in fester Größe, von der dann je nach
Fensterbreite mehr oder weniger angezeigt werden?
Bei mir ist es diesmal Fall b)
… eine beliebige Anzahl …
Na ja, nach ca 10 Bildern darf es sich dann auch wiederholen
Gruß
JoKu
grübel-joku wattnu ?
Aufgaben/Pflichten „einigermaßen“ dargestelt, aber keinen Plan wie die Aufgabe mit den angebotenen Lösungen zu bewältigen ist??
du kannst auch dem DIV ein nowrap geben und overflow auf
hidden setzen und soviele Bildchen reinsetzen wie du möchtest.dann wird nicht umgebrochen und der „Überstand“ verschwindet.
Das werde ich mal als erstes probieren. …
Gruß
JK
grübel-joku wattnu ?
Aufgaben/Pflichten „einigermaßen“ dargestelt, aber keinen
Plan wie die Aufgabe mit den angebotenen Lösungen zu bewältigen ist??
*lach*
So etwa ist es.
Aber ich probiere es mal mit dem Hidden. Danke für den Tipp!
Hoffentlich funktioniert das Browser-übergreifend.
Heute wird’s aber nix mehr.
Jetzt war erst mal Flughafen und Tochter abholen dran.
Gruß JK
Hoffentlich funktioniert das Browser-übergreifend.
white-space:nowrap und overflow:hidden auf jeden Fall
Außerdem unkomplizierter als mittels Javascript, die element-breite auszulesen und nur soviele Bildchen reinpacken, wie Platz ist )
gut gelandet?
Gruß
Klaus
Hoffentlich funktioniert das Browser-übergreifend.
white-space:nowrap und overflow:hidden auf jeden Fall
Außerdem unkomplizierter als mittels Javascript, die
element-breite auszulesen und nur soviele Bildchen reinpacken,
wie Platz ist
Ja.
Ich versuche JavaScript zu vermeiden bzw. auszubauen, wo immer möglich.
Mir wurde schon 2mal in einer Homepage rumgehackt, und das war dann immer in Bereichen versteckt, in denen JavaScript war.
gut gelandet?
Ja, danke!
Gruß
Jochen
Hallo Jochen,
Mir wurde schon 2mal in einer Homepage rumgehackt, und das
war dann immer in Bereichen versteckt, in denen JavaScript
war.
Usereingaben ungefiltert übernommen?
Cross-Site-Scripter lieben so etwas )
Gruß
Klaus
Usereingaben ungefiltert übernommen?
Cross-Site-Scripter lieben so etwas
Sowas war nicht in der Seite.
Ich vermute eher eine Sicherheitslücke beim Provider.
Gruß
JK
z.B. hast Du 10 Bildchen in einem DIV und gibst jedem width:10%
oder zentral:
#divID img{width:10%}
du kannst auch dem DIV ein nowrap geben und overflow auf
hidden setzen und soviele Bildchen reinsetzen wie du möchtest.
dann wird nicht umgebrochen und der „Überstand“ verschwindet.
Funktioniert prima.
Wenn die Bildchen aber nur 150px breit sind, muss man aber schon mal 20 Stück auf Verdacht laden, damit das Band auf einem z. B. 3000er Bildschirm nicht „abreißt“.
Dann vielleicht doch lieber ca. 7 bis 10 Bilder als fertiger Streifen
und den in x-Richtung als Hintergrund „kacheln lassen“.
Gruß
JK
Wenn die Bildchen aber nur 150px breit sind, muss man aber
schon mal 20 Stück auf Verdacht laden, damit das Band auf
einem z. B. 3000er Bildschirm nicht „abreißt“.
Dann vielleicht doch lieber ca. 7 bis 10 Bilder als fertiger
Streifen
ja klar …
Aber es ist „fast“ egal, denn sich wiederholende „Datenquellen“ nimmt der Browser aus dem Cache.
Du wolltest die Reihenfolge zufällig gestalten.
Aber doch wohl nicht mit entsprechender Anzahl von fertigen Streifen ))
Gruß
Klaus
Aber es ist „fast“ egal, denn sich wiederholende
„Datenquellen“ nimmt der Browser aus dem Cache.
Nur: die Bildschirme werden immer breiter …
Man muss dann ständig „nachfüttern“.
Du wolltest die Reihenfolge zufällig gestalten.
hmmm ja
Aber doch wohl nicht mit entsprechender Anzahl von fertigen Streifen
Nee, nee, lieber nicht: Das geht mit Fakultät n!
4 oder 5 Streifen wären Unterschied genug.
Deren Auswahl kann ich auch mit rasch mit PHP erzeugen.
Gruß
JK
Aber es ist „fast“ egal, denn sich wiederholende
„Datenquellen“ nimmt der Browser aus dem Cache.Nur: die Bildschirme werden immer breiter …
Man muss dann ständig „nachfüttern“.
Das wäre aber das kleinste Problem … mit Javascript.
Erstens, sollte eine zufällige Reihenfolge sein und
zweitens, weil etwas 2, 3 oder noch öfter geschrieben wird, liegt es doch sehr nahe, die img-tags von Javascript schreiben zu lassen:
Da kannst Du leicht 100 img-tags schreiben lassen und hast die nächsten Jahre Ruhe ))
Gruß
Klaus
Da kannst Du leicht 100 img-tags schreiben lassen und hast
die nächsten Jahre Ruhe
ja so kommt’s, wenn man Nachfragen stellt und dann nicht mehr nach der Anwort guckt - am Ende ist nichts mehr hinzuzufügen…
Gruß
Yasmin
Das wäre aber das kleinste Problem … mit Javascript.
Lieber mit PHP;
JavaScript läuft nicht in jedem Browser und nicht immer ganz gleich.
- ein Array mit N Bild-URIs
- eine zufällige Reihenfolge ohne Doppelte generieren
- eine äußere Schleife für die Anzahl der Durchläufe
- eine inneren Schleife, die die N img-tags schreibt.
So habe ich es auch gemacht.
Dazu etwas CSS, damit die Bilder einen gleichartigen Rahmen und gleiche bzw. keine Abstände bekommen
und damit in den img-tags weniger Code steht.
Danke für Deine Beiträge.
Gruß
JoKu