Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Frage zu Slimebox (Vor und Zurück Pfeile werden nicht angezeigt)

Empfohlene Antworten

wollte gerne eine lightbox/slimbox o.ä. auf meiner seite nutzen aber kenne mich nicht wirklich soooo gut aus.

habe mir deshalb diese deutsche übersetzung runtergeladen

PHP Blogger: Slimbox auf deutsch - Ein PHP Blog auf deutsch

hat auch alles soweit super geklappt, bis auf das die vor und zurück pfeile nicht angezeigt werden, und der schliessen button

hier mal die zum test hochgeladene seite

Reiner Kirsten - INDEX

die bilder gehen wunderbar auf nur halt die symbole werden nicht angezeigt und ich weis einfach nicht warum ????

die der css datei habe ich es auch auf den zielordner angepasst

hier mal die css datei

ich habe die dateien in meinem homepageordner unter slimbox/images liegen und habe das doch dann richtig angepasst oder ? (rot gekennzeichnet)

/* SLIMBOX */

#lbOverlay {

position: absolute;

z-index: 9999;

left: 0;

width: 100%;

background-color: #000;

cursor: pointer;

}

#lbCenter, #lbBottomContainer {

position: absolute;

z-index: 9999;

left: 50%;

overflow: hidden;

background-color: #fff;

}

.lbLoading {

background: #fff url(slimbox/images/loading.gif) no-repeat center;

}

#lbImage {

position: absolute;

left: 0;

top: 0;

border: 10px solid #fff;

background-repeat: no-repeat;

}

#lbPrevLink, #lbNextLink {

display: block;

position: absolute;

top: 0;

width: 50%;

outline: none;

}

#lbPrevLink {

left: 0;

}

#lbPrevLink:hover {

background: transparent url(slimbox/images/prevlabel.gif) no-repeat 0% 15%;

}

#lbNextLink {

right: 0;

}

#lbNextLink:hover {

background: transparent url(slimbox/images/nextlabel.gif) no-repeat 100% 15%;

}

#lbBottom {

font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;

font-size: 10px;

color: #666;

line-height: 1.4em;

text-align: left;

border: 10px solid #fff;

border-top-style: none;

}

#lbCloseLink {

display: block;

float: right;

width: 113px;

height: 22px;

background: transparent url(slimbox/images/closelabel.gif) no-repeat center;

margin: 5px 0;

outline: none;

}

#lbCaption, #lbNumber {

margin-right: 71px;

}

#lbCaption {

font-weight: bold;

}

muss nur immer hier schreiben und ne minute später komm ich selbst auf die lösung :floet:

nein da waren sie ja schon, in meinem ordner unter images

das hat auch alles gestimmt

aber ich musste als ziel die komplette URL der homepage eingeben in der css datei.

also nicht nur fotos/images ....

sondern komplett http://www......./fotos/images

so hat es dann geklappt

gruß

Hallo hudschi

Alles klar.. danke für die Info. Ich benutze auf meiner HP 'lightbox' und habe das Problem, dass ich den closebutton seperat in jedes Bilderverzeichnis kopieren muss. Vielleicht kann ich deine Lösung verwenden, um mein Problem zu lösen.

Alles Gute

Frank M.

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Konto

Navigation

Suchen

Suchen

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.