Suche im Forum:
Suchen


Autor Nachricht
Beitrag08.10.2018 um 20:38 (UTC)    
Titel: Anfrage zu Bildeigenschaften
Antworten mit Zitat
Im Editor meines Homepage-Baukastens kann ich unter "Bilder" geladene Bilder vergrößern und über Close wieder auf Originalgröße bringen. Ich hätte gern diese gleiche Funktion für Besucher, die sich ein Bild genauer betrachten wollen also online. Leider habe ich bisher keine praktikablen Angebote gefunden. Es muss doch möglich sein die Bilder, die für meine Besucher sichtbar sind mit einem Zoomfaktor oder ähnlichem zu versehen. Mir würde reichen ein Bild groß und retour wieder auf Originalgröße zu bringen. Eine für mich akzeptable Lösung wäre es mit einer Funktion für alle Bilder zu arbeiten oder aber über Bild Eigenschaften derartiges anzubieten.
Ich wäre für eine baldigste Antwort sehr verbunden.
Frank
↑
Beitrag09.10.2018 um 10:57 (UTC)    
Titel:
Antworten mit Zitat
Was Sie bestimmt suchen nennt sich "Lightbox" - ( Bilder-Galerie )

Ich habe da etwas auf meiner Test-Seite gefunden. Vielleicht wäre das für Sie Interessant.

Der Scriptcode und das CSS kommt in den Headerbereich der Webseite:


Code:

<script type="text/javascript" src="//code.jquery.com/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="https://wtheme.webme.com/js/thickbox.js"></script>
<link media="screen" type="text/css" href="https://theme.webme.com/designs/globals/thickbox.css" rel="stylesheet" />

<style type="text/css">

.wrapper {
text-align: center; }

/* Aussehen Vorschaubild */
.bild {
max-width: 100%;
width: 100px;
height: 80px;
padding: 6px;
margin: 10px;
box-shadow: 10px 10px 10px #000000;
border: 1px solid #000000;
border-radius: 10px 10px 10px 10px; }

/* Textgröße bei Blätterfunktion */
#TB_secondLine {
font-size: 12px;
font-weight:bold;
font-family:century gothic;
font-style:italic;
color: #000000; }

/* Linkfarbe Blätterfunktion */
#TB_secondLine a { color: #111111!important; }

#TB_caption {
width: 100%;
margin: 10px 0px 0px 15px;
padding: 0px; 
background: #ffffff;
font-size: 12px;
font-weight:bold;
font-family: century gothic;
font-style:italic;
color: #000000; }

</style>


Der Html-Code können Sie auf einer beliebigen Unterseite - ( dort wo die Bilder-Galerie erscheinen soll ) - einfügen.
Um den Html-Code einzufügen müssen Sie zunächst im Seiteneditor ganz oben links auf "Quellcode" klicken, um diesen Code einzufügen.

Im Title-Attribut -(
Code:
title="Hier kommt die Bild-Beschreibung hinein"
) - können Sie einen Untertitel für das jeweilige Bild hinein schreiben.

Das
Code:
bild.jpg
muss im
Code:
href="bild.jpg"
und
Code:
src=""
mit dem eigenen Sourcelink des Bildes ausgetauscht werden.

Code:

<div class="wrapper"><a title="Hier kommt die Bild-Beschreibung hinein" class="thickbox" href="bild.jpg" rel="gallery-plants"> <img width="100" height="60" class="bild" alt="" src="bild.jpg" /></a>

<a title="Hier kommt die Bild-Beschreibung hinein" class="thickbox" href="bild.jpg" rel="gallery-plants"> <img width="100" height="60" class="bild" alt="" src="bild.jpg" /></a>

<a title="Hier kommt die Bild-Beschreibung hinein" class="thickbox" href="bild.jpg" rel="gallery-plants"> <img width="100" height="60" class="bild" alt="" src="bild.jpg" /></a>
</div>



Ich hoffe ich konnte ein wenig helfen!...

LG, Patrick
______________
Freue mich auf jeden Gast auf: https://www.myHomeseite.de - die Webseite für Zuhause und draußen!...


Zuletzt bearbeitet von MyHeimseite am 09.10.2018, 12:05, insgesamt 2-mal bearbeitet
↑
Beitrag26.10.2018 um 08:55 (UTC)    
Titel: zu Bildeigenschaften
Antworten mit Zitat
Danke für ihre Mühe, habe einen Weg gefunden, arbeite jetzt mit dem Extra Galerie
Held
Habe mal auf die angegebene Webseite geguckt, gefällt mir gut. Habe eine ähnliche Homepage https://zielpunkte.de.tl


Zuletzt bearbeitet von HEFRA am 26.10.2018, 09:59, insgesamt einmal bearbeitet
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.