Auf Thema antworten 2026

Beitrag

<blockquote data-quote="jhuhle93" data-source="post: 2626956" data-attributes="member: 639738"><p>Moin ihr Lieben!</p><p></p><p>Ich würde gerne eine Farbsimulation auf einer Webseite umsetzen, da ich aber noch totaler Anfänger in Sachen jQuery bin, weiß ich nicht so recht, wie ich da anfangen soll.</p><p></p><p>Ich habe oben einen Bereich für ein Bild und da drunter dann diverse div&#039;s mit einer Hintergrundfarbe. Je nach dem auf welche Farbe der User dann klickt, soll dann das entsprechende Bild zu der Farbe angezeigt werden.</p><p></p><p>Wie löst man sowas?</p><p></p><p>Momentan sieht es bei mir ungefähr so aus:</p><p></p><p>&lt;div class=&quot;simulation-image&quot;&gt;</p><p>&lt;img class=&quot;bild1&quot; src=&quot;bild1.jpg&quot; width&quot;100%&quot; height=&quot;auto&quot;&gt;</p><p>&lt;img class=&quot;bild1&quot; src=&quot;bild2.jpg&quot; width&quot;100%&quot; height=&quot;auto&quot;&gt;</p><p>&lt;img class=&quot;bild1&quot; src=&quot;bild3.jpg&quot; width&quot;100%&quot; height=&quot;auto&quot;&gt;</p><p>...</p><p>&lt;/div&gt;</p><p>&lt;div class=&quot;farben&quot;&gt;</p><p>&lt;div class&quot;color-box box-color-1&quot;&gt;&lt;/div&gt;</p><p>&lt;div class&quot;color-box box-color-2&quot;&gt;&lt;/div&gt;</p><p>&lt;div class&quot;color-box box-color-3&quot;&gt;&lt;/div&gt;</p><p>....</p><p>&lt;/div&gt;</p></blockquote><p></p>

[QUOTE="jhuhle93, post: 2626956, member: 639738"] Moin ihr Lieben! Ich würde gerne eine Farbsimulation auf einer Webseite umsetzen, da ich aber noch totaler Anfänger in Sachen jQuery bin, weiß ich nicht so recht, wie ich da anfangen soll. Ich habe oben einen Bereich für ein Bild und da drunter dann diverse div's mit einer Hintergrundfarbe. Je nach dem auf welche Farbe der User dann klickt, soll dann das entsprechende Bild zu der Farbe angezeigt werden. Wie löst man sowas? Momentan sieht es bei mir ungefähr so aus: <div class="simulation-image"> <img class="bild1" src="bild1.jpg" width"100%" height="auto"> <img class="bild1" src="bild2.jpg" width"100%" height="auto"> <img class="bild1" src="bild3.jpg" width"100%" height="auto"> ... </div> <div class="farben"> <div class"color-box box-color-1"></div> <div class"color-box box-color-2"></div> <div class"color-box box-color-3"></div> .... </div> [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?