Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Bilder Galerie am Liebsten per Link aufrufen aber auch Versteckt
#1
Ich habe mal eine wieder ein Frage ich weiß Ihr meint ich verzettel mich aber ich möcht halt schon Individuell bleiben und auch viele Fotos präsentieren.

Ist es auch mit Mobirise möglich. Wie hier bei dem folgenden Link wenn man auf das Bild Klickt.

Eine Bildergalerie auf zu machen.
Und wenn man die beendet das man wieder da ist wo man voher gewesen ist.
Am liebsten hätte ich noch das die Galerie versteckt wird.



http://globaltravelexclusive.com/html/be...eisen.html


Ich hoffe ich habe mich verständlich ausgedrückt
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Hallo,

aber Du hast doch bei Mobirise schon jede Menge Blöcke mit Galerien, die auch eine "Lightbox" beinhaltet (Box, die sich nach klick auf Bild öffnet).

Gucke mal auf meiner Seite in der Navi unter "Foto Galerien"

http://www.mobirise-tutorials.com/

... weiterhin kannst Du mit nur wenig Kenntnissen jede externe Galerie, die auch responsive angelegt ist, in Mobirise integrieren, wie z.B. auch diese alte "Visual Lightbox" in diesem Beispiel von mir:

http://www.mobirise-tutorials.com/Busine...htbox.html
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Hallo Thommy,

ich werde mir das anschauen,
ich habe ja hier dei NOF eigene Lightbox verwendet. Meinst du das man die auch irgend we integrieren kann ich habe das schon mal Erfolglos versucht es war ja wichtig bei NOF dann
die Bilder als nicht optimiert ein zu fügen.

Vielleicht hat du da auch einen Tip dann würde ich es wieder mir der versuchen dann hat man nämlich unglaubliche Möglichkeiten.

Danke
bis hierher
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
Moin,

die Lightbox-Anwendung aus NOF15 kannst Du nicht in Mobirise einbauen (zumindest habe ich das noch nicht versucht), denn da hat NOF eine eigene JavaScript-Datei entwickelt.

Die oben zuletzt verlinkte Seite von mir ist aber die alte Visual-Lightbox, die verwendet doch NOF im Prinzip auch, nur in einem etwas anderem Design.

Die gehört so nicht zu Mobirise, die habe ich zusätzlich eingebaut. Obwohl "Visual Lightbox" und "Mobirise" die gleichen Entwickler sind, wird diese Lightbox nur als Galerie in den Blöcken der Software angeboten.

Sicherlich gibt es noch jede Menge anderer Anwendungen, wie z.B. auch so ein modales Fenster:

http://www.mobirise-tutorials.com/Portfo...Modal.html

... oder z.B. auch dieses, welches reine CSS ist und auch nichts mit Mobirise zu tun hat

http://www.mobirise-tutorials.com/Lawyer...Modal.html
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
... ich bezweifele aber, dass die JS-Dateien von NOF mit jenen von Mobirise korrespondieren. Du kannst das ja gerne mal probieren. Die beiden Links zu den JS-Dateien würden in Mobirise in den Bereich "End of <body> code" gehören:

Code:
<script type="text/javascript" src="./imagelightbox.js"></script>
<script type="text/javascript" src="./nof-imagelightbox.js"></script>

und die CSS in den Bereich "Inside <head> code"

Code:
<style>
   #imagelightbox {
       position:fixed;
       z-index:9999;
       cursor:pointer;
       -ms-touch-action:none;
       touch-action:none;
   }

   #imagelightbox-overlay {
       background-color:rgba(0,0,0,.6);
       position:fixed;
       z-index:9998;
       top:0;
       right:0;
       bottom:0;
       left:0;
   }

   #imagelightbox-caption {
       text-align:center;
       color:#fff;
       background-color:#666;
       position:fixed;
       z-index:10001;
       cursor:pointer;
       left:0;
       right:0;
       bottom:0;
       padding:.625em;
       }
</style>

http://www.nof-tutorials.com/Lightbox-Ne...index.html

Unterstützung und den Download dieser Dateien findest Du auf meiner alten Tutorial-Seite:

http://www.nof-tutorials.com/Lightbox-Ne...orial.html

... aber, wie gesagt, das wird (wenn überhaupt) nur bedingt gehen, denn diese JavaScripts werden mit Sicherheit nicht mit jenen von Mobirise zusammen funktionieren.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#6
Das geht tatsächlich (kann es selbst kaum glauben) :D

Klicke auf das Bild vom Spatzen:

http://www.mobirise-tutorials.com/Lawyer...float.html
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#7
Moin Tommy,

irgendetwas stimmt da (bei dir) aber nicht.
Wenn ich auf deine Links klicke...kommt immer: Seitenladefehler.
Kompatibilitätsmöglichkeiten mit Mobi4  |   AMP-Templates Kompatibilität

WIN 10/Alle Browser/AdobePhotoshop/
Mobirise 4/AMP, alle Templates/Kaspersky
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#8
jepp - mein "1und1" Server scheint gerade mal Pause zu machen - liegt am Server - ist gerade down Sad

... schon so seit 20 Minuten - warte noch ein wenig. Ich rufe sonst in ca. 1 Stunde dort mal an. Bis dahin ging heute alles perfekt :confused:
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#9
automatische Ansage nach meiner telefonischen PIN-Eingabe beim persönlichen Support von "1und1":

Zitat:"Aktuell liegt für Ihre Domains eine Störung vor, wir arbeiten an dem Problem. Die Störung wird in Kürze behoben sein"
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#10
... die "1und1" Störung auf meinem Server ist nun beseitigt Smiling

Hoffentlich bleibt es auch so  :aufsmaul:

http://www.mobirise-tutorials.com/Lawyer...float.html
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#11
Hallo Thommy du bist der Hammer
aber warum geht das immer bei dir so einfach und bei mir
wieder mal nicht

Ich  habe wie du das CSS scribt and den Anfang der Seite
getan


und die verlinkung ans Ende

Kann es sein das es bei mir nich geht weil ich den Backstrech Hintergrund mit drin habe

Danke
Stefan
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#12
Moin,

keine Ahnung - kann sein - habe ich noch nicht probiert. Du müsstest mal Deine Mobirise-Seite in ein Testverzeichnis publizieren und dann hier zeigen. Ich kann nichts sagen, wenn ich das nicht selbst sehen kann.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#13
Hallo Thomas,

also ich bin ein bischen aber auch nur bishen weiter.

Das will bei mir nicht in der  Localen Publizierung.

Ich habe jetzt aber noch das er die Bilder über einander legt.

Sie hier
http://www.funsport-tarifa.com/GBT/page4.htm

Danke
Stefan
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#14
... schalte mal als erstes die Animation aus (am Pinsel), das macht oft Probleme.

Dann solltest Du mit absoluten Pfaden (nicht mit relativen) auf Bilder verlinken, die Mobirise nicht kennt. Sonst solltest Du Fehlermeldungen beim Publizieren bekommen :confused:

Du kannst das auch gerne mal mit meiner kleinen Galerie ...

http://www.mobirise-tutorials.com/Lawyer...float.html

... testen, da ich dort absolute Pfadangaben verwende, sollte es auch bei Dir gehen.

Ich habe den ganz einfachen Textblock dafür genommen und dann einfach den Text mit dem Code unten ersetzt:

Code:
             <!-- Beginn eigene Galerie -->
             <div class="column">
               <img src="http://www.mobirise-tutorials.com/LawyerM4-Tutorials/images/Enten.jpg" alt="Enten" title="Enten" style="width:100%">
             </div>
             <div class="column">
               <img src="http://www.mobirise-tutorials.com/LawyerM4-Tutorials/images/Libelle.jpg" alt="Libelle" title="Libelle" style="width:100%">
             </div>
             <div class="column">
               <img src="http://www.mobirise-tutorials.com/LawyerM4-Tutorials/images/Luchs.jpg" alt="Luchs" title="Luchs" style="width:100%">
             </div>
             <div class="column">
               <img src="http://www.mobirise-tutorials.com/LawyerM4-Tutorials/images/Frucht.jpg" alt="Frucht" title="Frucht" style="width:100%">
             </div>
             <div class="column">
               <img src="http://www.mobirise-tutorials.com/LawyerM4-Tutorials/images/Fliege.jpg" alt="Fliege" title="Fliege" style="width:100%">
             </div>
             <div class="column">
               <img src="http://www.mobirise-tutorials.com/LawyerM4-Tutorials/images/Kiefer.jpg" alt="Kiefernnadeln" title="Kiefernnadeln" style="width:100%">
             </div>
             <!-- Ende eigene Galerie -->


... und das noch in den "CSS Editor" (rechts):

Code:
.column {
 float: left;
 width: 33.33%;
 padding: 2px;
}
@media (max-width: 767px) {
 .column {
   width: 100%;
 }
}


.jpg  Galerie.JPG (Größe: 149,97 KB / Downloads: 3)




... oder als Einzelbild das hier:

Code:
<img src="http://www.mobirise-tutorials.com/LawyerM4-Tutorials/images/Spatz-Hinten.jpg" width="40%" alt="Bild" title="Spatzen">
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#15
Dann deaktiviere mal zum Testen "backstretch", also nimm diese Zeile mal kurz raus:

Code:
<script src="./backstretch/jquery.backstretch.js"></script>

oder probiere auch die beiden Links für die Lightbox unter das "backstretch" zu setzen, also dann zusammen so:

Code:
<script src="./backstretch/jquery.backstretch.js"></script>
<script type="text/javascript" src="../assets/imagelightbox.js"></script>
<script type="text/javascript" src="../assets/nof-imagelightbox.js"></script>
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Hilfe bei Galerie welche am besten einsetzen funsport 2 58 03.07.2019, 08:06
Letzter Beitrag: Rancher
  Suche eine Galerie die ich so umformen kann wie meine andere Blöcke funsport 6 96 02.07.2019, 18:58
Letzter Beitrag: Martin73
  Neue Probleme mit der Galerie stobi_de 2 97 02.07.2019, 09:12
Letzter Beitrag: stobi_de
  Bilder der Website von Mobirise werden nicht angezeigt nur der Text mobikfx750 56 3.455 27.06.2019, 14:10
Letzter Beitrag: c-laus
  Bilder plötzlich langgezogen! stobi_de 2 109 28.05.2019, 15:03
Letzter Beitrag: stobi_de
  Mobi-Galerie-Close Button und Navik stobi_de 2 120 22.05.2019, 10:11
Letzter Beitrag: stobi_de
  Bilder fürs Smartphone stobi_de 10 241 19.05.2019, 17:33
Letzter Beitrag: stobi_de
  Bilder drehen in Mobirise UlfH 8 235 17.05.2019, 09:31
Letzter Beitrag: Tommy Herrmann
  Reihenfolge Bilder und Text im Handy stobi_de 2 134 07.05.2019, 20:14
Letzter Beitrag: stobi_de
  auch mal einen Dank an c-laus nof15us 6 311 11.04.2019, 23:45
Letzter Beitrag: barbara0701



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!