css postitionierung - Seite 2

xm22 · 05.08.2010, 11:30

Das erste Problem ist, dass man nicht das Resultat vorhersagen kann. Du kannst aber z. B. die Anzahl der Zeichen in dem Text durch die Anzahl der Bilder teilen und dann in diesem Intervall die Bilder einfügen. Das sollte eigentlich mit Javascript machbar sein. Ist aber für einen Einsteiger vermutlich nicht ganz trivial.

Green_of_Dutch · 06.08.2010, 12:38

Ich habe keine Ahnung von JS. Ich werds schon irgendwie anders lösen. Danke.

xm22 · 09.08.2010, 11:55

Weil mich das auch gerade interessiert hat, hier mal ein rudimentärer Ansatz, der ohne Frameworks funktioniert:

Code:

    
    var imageList = ["img_1.jpg", "img_2.jpg", "img_3.jpg"]
    
    function parseText(obj) {
        var str = obj.innerHTML;
        
        var interval = Math.floor(str.length / imageList.length);
        
        var parts    = []
        
        for (var i = 0; i < imageList.length; ++i) {
            if (imageList[i]) {
                parts[parts.length] = str.substr(i * interval, (i + 1) * interval) + "<img src=\"" + imageList[i] + "\" />";
            } else {
                //Zu wenige Bilder vorhanden
                parts[parts.length] = str.substr(i * interval, (i + 1) * interval);
            }
        }
        
        obj.innerHTML = "";
        for (i in parts) {
            obj.innerHTML += parts[i];
        }
    }
</script>
</head>
<body onload="parseText(document.body)">
    Das erste Problem ist, dass man nicht das Resultat vorhersagen kann. Du kannst aber z. B. die Anzahl der Zeichen in dem Text durch die Anzahl der Bilder teilen und dann in diesem Intervall die Bilder einfügen. Das sollte eigentlich mit Javascript machbar sein. Ist aber für einen Einsteiger vermutlich nicht ganz trivial.
</body>
</html>

imageList muss vorher statisch oder über php oder sonstwas gefüllt werden. Die Funktion parseText bekommt als Parameter ein Handle auf das Element, bei dem der Text modifiziert werden soll.

ChrisB · 09.08.2010, 12:38

Zitat:

Zitat von xm22

hier mal ein rudimentärer Ansatz, der ohne Frameworks funktioniert

Na ja, „funktioniert“ ist extremst übertrieben.

Bei reinem Text mag das noch irgendwie hinhauen - aber sobald sich HTML-Tags darin befinden, wird das kolossal schief gehen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

05.08.2010, 11:30
xm22 Erfahrener Benutzer Registriert seit: 30.07.2008 Beiträge: 1.167 PHP-Kenntnisse: Fortgeschritten	Das erste Problem ist, dass man nicht das Resultat vorhersagen kann. Du kannst aber z. B. die Anzahl der Zeichen in dem Text durch die Anzahl der Bilder teilen und dann in diesem Intervall die Bilder einfügen. Das sollte eigentlich mit Javascript machbar sein. Ist aber für einen Einsteiger vermutlich nicht ganz trivial.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

06.08.2010, 12:38
Green_of_Dutch Benutzer Registriert seit: 10.12.2009 Beiträge: 36 PHP-Kenntnisse: Anfänger	Ich habe keine Ahnung von JS. Ich werds schon irgendwie anders lösen. Danke.