Lupe Attachements

Zitat von Baldur

Kann es sein dass anstatt .embeddedImageLink hier .alt ausgewählt werden muss?

Alt ist keine Klasse, sondern optional für die Angabe eines Textes, der ggf. anstatt des Bildes angezeigt werden kann.

Gruß norse

Die [img] Bilder haben demnach aber keine klasse wenn ich mir den Html Code richtig anschaue.

Das Bild auf Seite 1 hat beispielsweise den Code

<img src="http://www.movie-infos.net/media/userImages/a3/1650-a3f62b61.jpg" class="" alt="" style="height: 410px; width: 746px;">

Da müsste man ja erst in den Templates rumspielen.

Vielen Dank für eure zahlreichen Hilfestellungen und Tipps. Hab mich eh schon etwas gewundert dass man via img auch keine Beschreibung für das Bild machen kann via alt usw. Man kann ja eigentlich nur die URL zum Bild und alternativ einen Link angeben.

Wo kommt dann .embeddedImageLink überhaupt zum tragen oder ist das erst im WCF 2.1 und WBB 4.1 umgesetzt worden?

Wie ist das denn mit dem normalen IMG link? Weil User können bei mir keine html Links einfügen, das kann nur wer Adminrechte hat.
Folglich würden dann doch die von den Usern keine Lupe kriegen, wenn man den Code so ändert, dass die html Links Lupe kriegen oder habe ich da grad einen Denkfehler?

Mir ging es hier auch um den normalen IMG Link. Eben dieser bietet weder die Möglichkeit alt mit anzugeben noch hat der von Haus eine bestimmte Klasse.

Hab den neuen Code von Cr@@gle noch nicht getestet aber der sollte eigentlich bei allen Bildern funktionieren.

So, hab das Ganze jetzt mal getestet. Leider funktioniert es nicht

Folgenden Code habe ich in meinen Stil eingebaut:

/* Bilder Lupen-Symbol */


.messageBody img,
.messageBody a.embeddedAttachmentLink {
    position: relative;
    display: inline-block;
    .transition(all, .2s);
    margin-right: 7px;
    margin-bottom: 7px;
}


.messageBody img:after,
.messageBody a.embeddedAttachmentLink:after {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    right: 10px;
    bottom: 10px;
    position:absolute;
    background-color: rgba(0, 0, 0, 0.35);
    color: rgba(255, 255, 255, 0.85);
    width: 30px;
    height: 30px;
    border-radius: 3px;
    line-height: 30px;
    text-align:center;
    .transition(all, .2s);
}


.messageBody img:hover:after,
.messageBody a.embeddedAttachmentLink:hover:after {
    background-color: rgba(0, 0, 0, 0.85);
    box-shadow: 
        0px 0px 0px 2px rgba(255, 255, 255, 0.5), 
        0px 0px 15px rgba(0, 0, 0, 0.35);
    .transition(all, .2s);
}

Zitat von Baldur

So, hab das Ganze jetzt mal getestet. Leider funktioniert es nicht

Folgenden Code habe ich in meinen Stil eingebaut:

Code

/* Bilder Lupen-Symbol */


.messageBody img,
.messageBody a.embeddedAttachmentLink {
    position: relative;
    display: inline-block;
    .transition(all, .2s);
    margin-right: 7px;
    margin-bottom: 7px;
}


.messageBody img:after,
.messageBody a.embeddedAttachmentLink:after {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    right: 10px;
    bottom: 10px;
    position:absolute;
    background-color: rgba(0, 0, 0, 0.35);
    color: rgba(255, 255, 255, 0.85);
    width: 30px;
    height: 30px;
    border-radius: 3px;
    line-height: 30px;
    text-align:center;
    .transition(all, .2s);
}


.messageBody img:hover:after,
.messageBody a.embeddedAttachmentLink:hover:after {
    background-color: rgba(0, 0, 0, 0.85);
    box-shadow: 
        0px 0px 0px 2px rgba(255, 255, 255, 0.5), 
        0px 0px 15px rgba(0, 0, 0, 0.35);
    .transition(all, .2s);
}

Alles anzeigen

Was genau funktioniert nicht? Gibt es einen Testaccount um sich das ganze mal ansehen zu können?

Die normalen via IMG BBCode eingebundenen Bilder haben keine Lupe. Bei den Attachments funktioniert es. Stellenweise wird jetzt bei normalen Bildern ohne Vergrößerung die Lupe angezeigt. Habs jetzt wieder rausgemacht

Zitat von Baldur

Die normalen via IMG BBCode eingebundenen Bilder haben keine Lupe. Bei den Attachments funktioniert es. Stellenweise wird jetzt bei normalen Bildern ohne Vergrößerung die Lupe angezeigt. Habs jetzt wieder rausgemacht

Versteh ich nicht bei mir im Demoforum geht das einwandfrei.