Beiträge von Sempervivum

Na, das ist ja super. Ich hatte auch gerade einen Foreneintrag gefunden, aus dem hervor geht, dass man es im Admin-Panel einstellen kann.

Der Grund ist offenbar, dass durch die Kommentarfunktion jQuery ein zweites Mal eingebunden wird. Entfernes dieses:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Habe es jetzt nicht analysiert, sondern nur einen kurzen Blick in die Console geworfen:

Zitat

functions.js:12 Uncaught TypeError: Cannot read property 'prototype' of undefined(…)

auf der Seite, wo es nicht funktioniert. Hast Du diese Galerie selbst geschrieben?

Crux in diesem Forum: Du müsstest Code-Tags verwenden, denn hier:

Bilder[i]

wird das geklammerte i als BB-Code für italic interpretiert und verschluckt.
Aber: Leider verschluckt das Forum beim Verwenden von Code-Tags die Zeilenumbrüche.

Speichere die Originalfarbe und das Originalbild in einem Data-Attribut:

<img id="dasbild" src="bild3.png" data-o-image="bild3.png" data-o-color="#345678" width="300" height="350">

und registriere ein Mouseout-Event. Dann kannst Du die Original-Eigenschaften mit getAttribute() auslesen:

var ocolor = document.getElementById("dasbild").getAttribute("data-o-color");

Edit: Mir fällt gerade auf, dass Du ja offenbar nur von dem Bildcontainer die Farbe und das Bild zurück setzen willst. Dann sind diese immer die selben und Du kannst sie hart im Javascript kodieren.

Verstehe ich nicht. Liegt dein menu-div vielleicht innerhalb von div.pics234? Am besten postest Du mal die URL deiner Seite.

Du schreibst: "dass nur Bilder der Klasse <div class="pics234">" Was hat es denn mit diesem div auf sich? Liegen die Bilder in diesem div? Dann müsstest Du einen anderen Selektor verwenden:

var images = document.querySelectorAll("div.pics234 img");

Du kannst document.querySelectorAll verwenden und die Klasse im Selektor hinzu fügen:

var images = document.querySelectorAll("img.pics234");

Die Eigenschaft currentTime gibt die aktuell gespielte Zeit des Videos an:
http://stackoverflow.com/questions/6380…-of-html5-video

Ja, ist im wesentlichen ein Einzeiler:

.pindex_list .pindex_product .pindex_pic { float:left; margin-right:15px; }
.pindex_list .pindex_product .pindex_content { margin-left:215px; }
@media only screen and (max-width: 799px) {
.pindex_list .pindex_product .pindex_pic { margin-left:15px; }
.pindex_list .pindex_product .pindex_content { margin-left:15px; }
}

(Forensoftware verschluckt konsequent die Zeilenumbrüche, daher ohne Code-Tags und Einrückungen.

So funktioniert es:

<img class="firstrow" src="images/dia0.jpg" alt="#"><img class="firstrow" src="images/dia1.JPG" alt="#"><img class="firstrow" src="images/dia2.JPG" alt="#"><img class="firstrow" src="images/dia3.JPG" alt="#">
<style>
.firstrow {
max-width: calc(50% - 10px);
padding: 5px; }
</style>
Die img-Tags müssen dabei ohne Zeilenumbruch in einer Zeile notiert werden.

Ja, es gibt eine bessere Lösung: Du kannst das Eventbubbling durch Aufruf der Funktion stopPropagation unterbinden:
https://developer.mozilla.org/en-US/docs/Web…stopPropagation

Crossposting. Hier hast Du bereits Hinweise bekommen, woran es liegt:
http://www.codingforums.com/javascript-pro…n%92t-work.html

Poste doch mal den gesamten relevanten Code, das HTML und das Javascript. Hast Du die Bilder auf dem Server abgelegt?

Ja, mit document-ready geht es auch.

Du musst das Skript hinter die Definition der Inputs legen, sonst sind diese noch nicht definiert, wenn es ausgeführt wird.
Außerdem funktioniert es nicht, wenn Du bei einem Script-Tag sowohl eine src angibst als auch Anweisungen notierst.

Ich würde dir ja gern helfen, aber dein PHP erschließt sich mir nicht so richtig. Kannst Du vielleicht ein paar mehr Tage hinzu fügen, damit man die Systematik erkennt, und einige Erklärungen?

Und - hilft dir der Code, den ich gepostet habe? Alternativ kannst Du das HTML mit dem <img>-Tag auch gleich auf dem Server generieren. In beiden Fällen musst Du die Bilder ebenfalls auf diesem Server ablegen.

Was gibt die Seite "Example.html" denn zurück? Den Wert, den Du erwähnt hast (0 oder 1)? Dann wäre es ziemlich einfach:

$.get("Example.html", function(result){ 
    if (result.trim() == "1") {        $('#Ausgabe').html('<img src="Pic_1.png">);    } else {        $('#Ausgabe').html('<img src="Pic_0.png">);    } 
});  




});

" Zuvor eine weitere Checkbox auch mit dem neuen Design wo die Doppelklick funktion aber nicht gehen darf."
Auch das ist einfach:

<input class="dblclick" id="cb1" type="checkbox" value="Opt1"><label for="cb1">Option 1</label><br>        <input class="dblclick" id="cb2" type="checkbox" value="Opt2"><label for="cb2">Option 2</label><br>
        <input class="dblclick" id="cb3" type="checkbox" value="Opt3"><label for="cb3">Option 3</label><br>
        <input id="cb4" type="checkbox" value="Opt4"><label for="cb4">Option 4</label><br>
        <script>
            $("input.dblclick + label").on("dblclick", function () {
                $("input.dblclick").prop("checked", true);
            })         </script>

Edit: Das Forum verschluckt teilweise die Zeilenumbrüche. Scrolle nach rechts.