Suchergebnisse

Stimmt, das GET arbeitet asynchron, das hätte mir auffallen müssen. Gut, dass das in der Funktion setPrevNext verpackt ist.

Die Funktion setPrevNext wird 2 Mal aufgerufen, beim ersten Mal nach dem Holen der Links und das zweite Mal durch die Funktion resizePic. Ich bin der Meinung, dass die Links nur ein Mal angelegt werden müssen.

Vorhin war der url-index in Ordnung, Moment, ich gucke mal ...

Im Debugger sehe ich, dass hier in Zeile 115 die Pfeile nicht vorhanden sind: console.log(prev) $(".arrow-left").wrap('<a href="' + pLinks[prev] + '" </a>'); $(".arrow-right").wrap('<a href="' + pLinks[next] + '" </a>'); Und ich sehe, dass diese in resizePic hinzu gefügt...

Funktioniert zwar offenbar aber ich finde es wieder ein wenig kompliziert, vor allem weil das Handling mit dem Localstorage so verstreut ist. Ich hatte mir das mehr so vorgestellt: (function ($) { if ($(".g-pic").length > 0) { let links = []...

Dies: <input type="button1" value="Drucken" onclick="Etikettendruck.html()"> kann nicht funktionieren, denn in einem onclick kann nur Javascript ausgeführt werden. Was Du machen kannst, ist, den Druck durch Öffnen des Druckdialoges zu beginnen, indem Du die Funktion print aufrufst: <input...

Daran habe ich auch schon gedacht. Einfach auf der Bildseite prüfen, ob die Links schon im Cache bzw. Sessionstorage sind. Wenn ja, sie von dort verwenden, wenn nicht, neu ermitteln. Benutzt man einen Cache auf dem Server, arbeitet man normaler Weise mit einer Verfallszeit: Ist der Cache jünger...

Ganz einfach, Du hast ja dein Array links, das kannst Du mit JSON.stringify in einen JSON-String umwandeln. Den trägst Du in das Sessionstorage ein und später, wenn Du es ausliest, wandelst Du es wieder mit JSON.parse in ein Array um und kannst sofort damit arbeiten. Mit deinem Code oben...

Da lag ich jetzt daneben. Durch unser reset wird natürlich auch die Checkbox zurück gesetzt. Lösung indem wir sie nach dem Reset neu setzen: <script> function submitForm() { var form = document.getElementById('itemForm'); var formData = {...

Das hat ganz den Anschein als ob die Seite neu geladen wird, weil das Formular abgeschickt wird. Wundert mich weil Du ja type="button" hast. Ich untersuche das ...

Du hast meinem Code nicht richtig übernommen. So sollte es funktionieren: <label> Autoreset ON/OFF: <input type="checkbox" id="reset-on"> </label> <div style="display: flex"> <input type="button" value="Submit" onclick="submitForm()">...

Ich denke, jetzt verstehe ich das Ganze. Die Übersichtsseite braucht 400 - 500 ms zum Laden, nur der Text. Dadurch kommt die kurze Verzögerung zu Stande bis die Pfeile angezeigt werden. Und ich fürchte, an dieser Verzögerung führt auch kein Weg dran vorbei, wenn Du bei deinem Verfahren bleibst...

Seufz, eine Inflation von Divs, wie es bei Wordpress so üblich ist. Ich werde eine Weile brauchen, bis ich da durch steige.

Das zuckt stark beim Blättern, erst wird ein kleineres Bild angezeigt und dann in voller Größe. Ist das das Problem, was Du meinst?

Wie oben schon geschrieben tut das load von jQuery nichts anderes. Du kannst es ja überprüfen indem Du im Netzwerk-Tab deiner Entwicklerwerkzeugen nachsiehst. Kannst Du die URL posten? Aber ich denke, jetzt verstehe ich erst das ganze Verfahren: In der Übersichtsseite wird immer nur eine Seite...

Nach allem was ich über Ajax weiß, ob es nun das load von jQuery oder fetch ist, wird dabei nur der HTML-Text geladen (in deinem Fall) und nicht die Bilder. Der Browser parst dann das HTML und lädt die Bilder sofern welche drin sind. Wenn das Laden bei dir lange dauert, muss das eine andere...

Ich verstehe das so, dass es möglich sein soll, das automatische Reset an- und auszuschalten? Klar, das ist kein Problem, eine Checkbox, die das erledigt. <label> Automatisches Reset ein- oder ausschalten: <input type="checkbox" id="reset-on"> </label>...

Wenn Du eine Lightbox wie Fancybox benutzt, werden die Pfeile mit den richtigen Verweisen automatisch angelegt. Oder, Du generierst die Galerie mit den Bildern mit PHP automatisch, dann sollte es kein Problem sein, auch die Links zu generieren?

Irgend wie verstehe ich nicht richtig, was Du da vor hast. Möchtest Du erreichen, dass jedes Bild in der Galerie über eine eigene URL zu erreichen ist und z. B. als Lesezeichen gespeichert werden kann? Wenn es nur um eine Galerie mit Pfeilen zum Blättern geht, gibt es doch genug vorgefertigte...

Das liegt daran, dass Du ein min-height von 100vh bei den Elementen hast: @media screen and (max-width: 480px) { section { /* min-height: 100vh; */ width: 100%; padding: 10px; scroll-margin-top: 60px; box-sizing: border-box; } }Lösche ich das...