Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Angehängte Bilder werden im "Modalmodus" angezeigt und öffnen einen neuen TAB. Sieht richtig gut aus, finde ich....
Aber wie ist es mit dem Schließen?
Leider lassen sich die Bilder nur über den "Browser-Tab" schießen!

Frage und Vorschlag:
Ist es möglich, ohne großen Aufwand das Bild mit einem Bild-Klick zu schließen?
Das währe super!
Man könnte dann, wenn das Bild gebraucht wird, den TAB stehen lassen oder das Bild mit einem Bild-Klick schließen!

Gruß
Wolfgang

Mmh,
da habe ich mich wohl nicht genau genug ausgedrückt.....

Das vergrößerte Bild sollte einfach nur durch ein Klick im Bild schließen und dann zur Ursprungsseite zurückrutschen!
Wird das Bild noch gebraucht, lässt man es einfach im TAB stehen.
Das fände ich nach wie vor genial!

Aber so wie es aussieht, wird das vergrößerte Bild im Browser geöffnet, also außerhalb des Forum.
Und damit fangen die Schwierigkeiten an!

PS:
Hatte letztes Jahr hierzu schon ein ähnliches Skript geschrieben.
Hier öffnen die Bilder "modal", also mit abgedunkelten Hintergrund.
Ein Klick ins Bild führt wieder zurück zum Beitrag.

Wer ausprobieren und testen will: Bilder "Modal" anzeigen!

Viele Grüße
Wolfgang

Hallo zusammen,
wollte mich nochmal zu diesem Thema melden!

Es zeigt sich, dass es hier nicht nur eine Richtung geben kann!
Will ich schnell informieren oder sollen die Bilder auf mich wirken und einen Eindruck hinterlassen?
Welche Art der Vergrößerung am besten ist, hängt auch von den Beiträgen ab!
Manchmal ist eine Vergrößerung auch gar nicht angesagt.....

Habe eine machbare Lösung gefunden:
In dieser Lösung werden Bilder direkt aus "Dateien anhängen" genutzt!!!
Einmal können die Bilder "modal", also mit abgedunkelten Hintergrund dargestellt werden oder
per Mausklick beliebig vergrößert im Beitrag .
Alle Bilder lassen sich mit einem "Klick ins Bild" schließen!
Bei der Vergrößerung lassen sich die Bilder, wenn gewünscht, sogar verschieben!

Wer Interesse hat, kann hier nachschauen und ausprobieren!
Da keine Variablen benötigt werden, können die Skripte der Einfachheit wegen in die "Fußzeile" kopiert werden.
Mehr zur Installation und weitere Gedanken unter den folgenden Links....

Teil 1: Bilder aus "Datei anhängen" mit einem Klick vergrößert darstellen!
Teil 2: Bilder aus "Datei anhängen" mit einem Klick modal darstellen!



Gruß
Wolfgang

Hallo 844er,
die Skripte laufen vorerst nur in den Templates V1-5....

Hatte bisher mir nur die Bildergalerie im V6 genauer angesehen und bin überaus begeistert!
Hier passt alles zusammen! Einfach Klasse!
Ein dickes Lob an alle Beteiligten!

Mmh....
In den Beiträgen (V6) sieht es mit der Bildansicht recht mager aus, die hat wohl nicht so viel von der Genialität der Bildergalerie abbekommen!
Vielleicht passiert da ja noch etwas!
Mal sehen ob ich die Skripte für das V6 anpassen kann....

Hier nochmal der Link für alle Interessierten: Bilder aus "Datei anhängen" mit einem Klick vergrößert darstellen!



Bis dann und besten Dank für Dein unermüdliches Feedback!
Gruß
Wolfgang

Zitat von 844er aus Beitrag #10

---

........ Geht das auch für mein geliebtes v6-Template ? ....

---

Hallo 844er,
wenn man das JavaScript in "Eigenes Javascript" und "<style>...</style>" in "HTML vor Navigation" einträgt, sollte es funktionieren!
Aber dem ist nicht so, weil "jQuery" hier nicht funktioniert!
Habe mal probeweise das forumeigene "jQuery" unter "Eigenes Javascript" eingetragen!

<script src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> 

Hallo @Ingmar,
besten Dank für beide Antworten!
Bin ein Stück weitergekommen, allerdings mit einigen Fragezeichen!

Habe folgendes herausbekommen:
Unter "Admin > ... > Eigenes HMTL/JS > Eigenes Javascript" ist ein zusätzlichen "jQuery" nicht notwendig.
Läuft auch so! Bin interessanterweise auch ohne "document ready" ausgekommen (Die Div-Container liegen wohl über dem Script)!
Aber ......
Warum auch immer, stört der folgende jQuery-Code mit "toggle" das Bootstrap-Script immens und konnte so nicht verwendet werden!
Wenn man Zeile 3 + 5 herausnimmt stört es immer noch! Liegt wohl an der Art der Verwendung von "toggle"!

<script>
$('.clickImgModal').toggle(function(){
$('div',this).show();
},function(){
$('div',this).hide();
});
</script>

<script>
$('.clickImgModal').click(function(){
$('div',this).toggle();
});
</script>

<script src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-ui-1.8.12.noeffects.min.jss"></script>
<script>
$('.clickimg div').draggable();
</script>