Photoswipe Konfiguration

Das Hotel enthält Unterstützung für die PhotoSwipe -Galerie.

Galerie-Demo ist hier erhältlich.

Um die Galerie zu erstellen, benötigen Sie eine spezielle Struktur, basierend auf der Struktur des Gk-Spalten erweitert durch einige Elemente verwenden:

< Div-Klasse = "Gk-Gk Cols-Galerie" Daten-Spalten = "3" >
< Div >
Inhalt von der ersten Spalte
< / Div >
< Div >
Inhalt der zweiten Spalte
< / Div >
< Div >
der dritten Spalte CONTENT
< / Div >
< / Div >

Im obigen Code ist die Struktur des Gk-Spalten verschiedene zwei zusätzliche CSS-Klasse - Gk-Galeriehinzufügen. Diese Klasse ist für das PhotoSwipe-Skript erforderlich.

Der Inhalt der Spalten wird generiert durch diese Links hinzufügen:

< a 
   Href = "Bilder/Demo/Galerie /" Ressourcen image1.jpg 
   -Größe = Datum "1920 x 1920 
   -Datum" Titel = "Uhr" 
   -Datum Desc = "Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit. "
>
   < Img Src = "images/demo/gallery/thumb1.jpg" Alt = "Thumbnail" / >
</a >

Jeder Link enthält einige wichtige Elemente:

  • Vollständige URL zum Bild in das Href -Attribut.
  • Thumbnail-Bild wie das Img -Tag in den Link.
  • Abmessungen des vollständigen Bildes in das Daten-Size -Attribut des Links.
  • Titel der Folie (optional) als das Datum-Title -Attribut des Links.
  • Beschreibung der Folie (optional) als das Datum-Desc -Attribut des Links.

Komplette Galerie-Code ist unten sichtbar:

< Div Class = "Gk-Gk Cols-Galerie" Daten-Spalten = "3" >
< Div >
< a Href = "images/demo/gallery/image1.jpg"-Datengröße = "Datum" 1920 x 1920-Titel = "Uhr"-Datum Desc = "Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb1.jpg" Alt = "Thumbnail" / </a >><
a Href = "images/demo/gallery/image2.jpg"-Datengröße = "1280 x 853" Title = "Datum-Malerei Love"-Datum Desc = "Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb2.jpg" Alt = "Thumbnail II" / </a >><
a Href = "images/demo/gallery/image3.jpg"-Datengröße = "1164 x 872" Title = "Datum-grüne Barrel" Datum-Desc = "Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb3.jpg" Alt = "Thumbnail III" / </a >>
< a Href = "images/demo/gallery/data-image4.jpg Größe =" 1280 x 853 "Titel =" Datum, Holz-Türen-Datum Desc = "Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb4.jpg" Alt = "Thumbnail IV" / </a >><
a Href = "images/demo/gallery/image5.jpg"-Datengröße = "852 x 1280" Daten-Titel = "Japanisches Abendessen Datum-Desc =" Lorem Ipsum augue, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb5.jpg" Alt = "Thumbnail" V / </a >< / Div >
>< Div >
< a Href = "images/demo/gallery/data-image6.jpg Größe =" 853 x 1280 "Titel =" Datum-Fotografie-Kunst "-Datum Desc =" Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb6.jpg" Alt = "Thumbnail" / </a >><
a Href = "images/demo/gallery/data-image7.jpg Größe =" 1280 x 853 "Titel =" Datum-Segeln im Nebel "-Datum Desc =" Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb7.jpg" Alt = "Thumbnail VII" / </a >><
a Href = "images/demo/gallery/image8.jpg"-Datengröße = "1280 x 853" Daten-Title = "Reisezeit" Datum-Desc = "Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb8.jpg" Alt = "Thumbnail VIII" / </a >><
a Href = "images/demo/gallery/data-image9.jpg Größe =" 960 x 1280 "Datum-Titel =" für ged-Date "Desc =" Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb9.jpg" Alt = "Thumbnail IX" / </a >><
a Href = "images/demo/gallery/data-image10.jpg Größe =" 1280 x 853 "Titel ="-Datum Sommerzeit "Datum-Desc =" Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb10.jpg" Alt = "X" / > Miniaturansicht </a >
< / Div >< Div >
< a Href = "images/demo/gallery/data-image11.jpg Größe =" 1280 x 853 "Titel =" Datum-Mobile Musik-Datum "Desc =" Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb11.jpg" Alt = "Thumbnail XI" / </a >><
a Href = "images/demo/gallery/data-image12.jpg Größe =" 1155 x 1280 "Titel =" Datum-Guitar-Künstler "Datum-Desc =" Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb12.jpg" Alt = "Thumbnail XII" / </a >><
a Href = "images/demo/gallery/data-image13.jpg Größe =" 873 x 1280 "Daten-Titel =" Schreibmaschine "-Datum Desc =" Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb13.jpg" Alt = "Thumbnail XIII" / </a >>
< a Href = "images/demo/gallery/data-image14.jpg Größe =" 1280 x 853 "Daten-Titel =" Morgenkaffee "Datum-Desc =" Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb14.jpg" Alt = "Thumbnail XIV" / </a >><
a Href = "images/demo/gallery/data-image15.jpg Größe =" 1280 x 848 "Titel =" Datum / Uhrzeit "Fitness-Datum Desc =" Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Consectetur Dui bei Elementum Tempor. Aenean Convallis Metus Varius Nibh nec Hendrerit." >< Img Src = "images/demo/gallery/thumb15.jpg" Alt = "Thumbnail" /XV >< / a >
< / Div >
< / Div >

Aktivieren die Animationen

Als Standard die Animationen und Übergänge sind deaktiviert fällig, dass Bilder als Thumbnails und Vollbilder unterschiedliche Proportionen haben. Aber wenn Sie eine ähnliche Proportionen auf die Thumbnails haben oder voller, Sie Bilder können die Animationen wieder aktivieren.

In der js/gk.scripts.js Bitte Datei, kommentieren Sie die folgenden Zeilen:

ShowHideOpacity: stimmt,
HideAnimationDuration: 0,
ShowAnimationDuration: 0,
Last modification: Di 30 Jun 2015

HINWEIS! Diese Seite verwendet Cookies und ähnliche Technologien.

Wenn Sie Browser-Einstellungen nicht ändern, stimmen Sie es. Lesen Sie mehr

Akzeptieren

COOKIE-RICHTLINIE

www.serfinmec.com COOKIE-Politik bemüht sich, schützt und respektiert Ihre Privatsphäre.
Schauen Sie sich die folgenden Informationen, wie wir Ihre Daten schützen.
Wenn Sie unsere Website verwenden, stimmen Sie der Nutzung und Speicherung von Cookies auf Ihrem Gerät.
Sie können unsere Website ohne Cookies noch durchsuchen. (besuchen Sie bitte unseren Abschnitt "HOW to DISABLE Cookies").

WAS SIND COOKIES

Cookies sind Text-Strings, die kleinen Websites, vom Benutzer besucht an seinem Terminal (in der Regel den Browser) zu senden, wo sie gespeichert und beim nächsten Besuch die gleiche Benutzer an den gleichen Stellen übertragen. Im Zuge der Navigation auf einer Website können Sie auf ihren Endgeräten auch Cookies empfangen, die gesendet werden, auf Websites oder von verschiedenen Servern ("Third-Party"), die einige Elemente (z. B. Bilder, Karten, Töne, Links zu bestimmten Seiten auf anderen Domains) auf dem Gelände aufhalten dürfen, die es besucht.

ART VON COOKIE

Technische cookie

Cookies werden ausschließlich für die Zwecke der verwendet "machen die Übertragung einer Nachricht über ein elektronisches Kommunikationsnetz oder als unbedingt notwendig für die Dienstleister der Informationsgesellschaft ausdrücklich gewünschten der Teilnehmer oder Nutzer, diese Dienstleistung zu erbringen" (siehe art. 122, Absatz 1 des Zollkodex). Sie sind nicht für weitere Zwecke verwendet und werden normalerweise vom Eigentümer oder Betreiber der Website installiert. Kann unterteilt werden in Navigation Cookie oder Session, das normale Surfen und die Nutzung der Website zu gewährleisten. Für die Installation dieser Cookies nicht erforderlich ist der vorherige Zustimmung des Nutzers, zwar es ist verstanden die Verpflichtung gemäß Art. anzukündigen. 13 des Codes, dass Site-Manager mithilfe von nur die Geräte, bieten Ihnen die Begriffe, die er hält besser geeignet.

Profilerstellung cookies

Profilerstellung Cookies dienen der Erstellung von Nutzerprofilen und werden verwendet, um Werbebotschaften im Einklang mit den Voreinstellungen, ausgedrückt durch den gleichen im Zusammenhang mit Surfen im Netz zu senden. Wegen der besonderen Invasion, die in die Privatsphäre der Nutzer dieser Geräte haben kann, stellt die europäischen und italienischen Rechtsvorschriften der Benutzer sollte angemessen über ihre Verwendung und die geltenden erklären.

Für sie gilt Kunst. 122 des Zollkodex sieht vor, dass "wo die Speicherung von Informationen im Endgerät einen Auftragnehmer oder der Benutzer oder der Zugriff auf bereits gespeicherten Informationen sind nur erlaubt, unter der Bedingung, dass der Auftragnehmer oder der Benutzer Zustimmung nach Unterrichtung mit dem vereinfachten Modus unter Kunst gegeben hat. 13 Absatz 3 "(Artikel 122 Absatz 1 des Zollkodex).

GEWUSST WIE: DEAKTIVIEREN VON COOKIES

Cookies können Sie Cookies deaktivieren, indem Sie die folgenden Anweisungen, die von gängigen Browsern:

Chrome
https://support.google.com/chrome/answer/95647?hl=it

Firefox
http://support.mozilla.org/it/kb/Eliminare%20i%20cookie

Internet Explorer
http://windows.microsoft.com/it-it/internet-explorer/delete-manage-cookies#ie=ie-10

Opera
http://www.opera.com/help/tutorials/security/privacy/

Safari
http://support.apple.com/kb/ph11920

×

Log in