Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hy leute,
hab da mal ne frage.
Und zwar:
hätte ich gerne dass wen ich ein Bild poste auf meinem Blog, dass wenn man auf das Bild klickt sich das Bild auf Browsergrösse vergrössert, ABER das Bild soll HINTER dem Footer und Header bleiben. Bei erneutem klick soll das Bild wieder verschwinden.
Wie mach ich das am einfachsten und besten?
hier mal die Seite die ich bis jetzt habe:
13thunit.com
schon mal vielen Dank im voraus.
Lino.
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Für die Bildanzeige dürfte eine Lightbox das richtige sein.
Musst schauen welche die Bilder, der Auflösung anpassen kann.
Damit Footer und Header im Vordergrund bleiben, das dürfte über "z-index" zu regeln sein. Also den beiden Divs den höchsten Wert zuweisen.
Hy vielen dank für deine Antwort,
ich habe das plugin installiert, doch leider ist es nicht exakt das was ich haben möchte..
ich möchte dass das Bild wenn man drauf klickt in voller browsergrösse gezeigt wird (lightbox verkleinert das Bild)
Ausserdem möchte ich dass man wieder auf das Bild klicken kann um das bild zu schliesen. (bei lightbox wird eine navigationsbar unter das Bild gesetzt)
Sonst passt lightbox im grossen und ganzen.. ich habe es versucht bei der Lightbox.css einzustellen.. aber habe es irgendwie nicht hingekriegt.
evtl könnt ihr mir dabei helfen:
Hier mal die Original lightbox.css von Lightbox2:
#stimuli_lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 3;
text-align: center;
line-height: 0;
}
#stimuli_lightbox a img { border: none; }
#stimuli_outerImageContainer {
position: relative;
background-color: #000;
width: 250px;
height: 250px;
margin: 0;
}
#stimuli_imageContainer {
padding: 0px;
}
#stimuli_loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
background: transparent center url(images/loading.gif) no-repeat;
}
#stimuli_hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 4;
}
#stimuli_imageContainer>#stimuli_hoverNav { left: 0;}
#stimuli_hoverNav a { outline: none;}
#stimuli_prevLink, #stimuli_nextLink {
width: 49%;
height: 100%;
background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#stimuli_prevLink { left: 0; float: left;}
#stimuli_nextLink { right: 0; float: right;}
#stimuli_prevLink:hover, #stimuli_prevLink:visited:hover { background: url(images/prev.gif) left 55% no-repeat; }
#stimuli_nextLink:hover, #stimuli_nextLink:visited:hover { background: url(images/next.gif) right 55% no-repeat; }
#stimuli_imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #000;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}
#stimuli_imageData { padding:0 10px; color: #666; }
#stimuli_imageData #stimuli_imageDetails { width: 70%; float: left; text-align: left; }
#stimuli_imageData #stimuli_caption { font-weight: bold;}
#stimuli_imageData #stimuli_numberDisplay { display: block; clear: left; padding-bottom: 1.0em;}
#stimuli_imageData #stimuli_bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; background: url(images/closelabel.gif) right 55% no-repeat; padding-top: 1.0em; margin-bottom: 1.0em;}
#stimuli_overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}Nun hatte ja geschrieben, das du dir die richtige Lightbox aussuchen musst.
Es gibt ja jede Menge bei den Plugins.
Auch der Funktionsumfang wird ja beschrieben und wenn nicht, einfach testen.
Ist ja mit zwei Klicks installiert und wenn es nicht passt, genau so schnell deinstalliert.
Die wo du hast, schließt auch wenn man neben das Bild klickt.
Je nach Box gibt es auch Einstellungen im Admin.(vielleicht auch bei deiner)
Manche L-Boxen kosten auch ein Paar Euro, haben dafür mehr Funktionen.
Es gibt einstellungen bei Admin.. aber dort kann ich nur das theme auswählen und das besteht nur aus verschiedenen Farben und Rahmen...
Habe auch nachgeforscht und von Lightbox gibt es keine version die das Bild in vollbild sprich browsergrösse darstellt...
gibt es noch andere plug ins?
ja.... Slimbox, Thickbox, Floatbox, Fancybox, Viewbox usw., da ist der Namensgebung keine Grenze gesetzt.
Alternativ kannst du auch Highslide anwenden, das kann auf jeden Fall alles.
http://wordpress.org/extend/plugins…e-image-viewer/
oder vielleicht
http://wordpress.org/extend/plugins…press-reloaded/
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!