Sie sind hier:

Website Baker CMS Forum

Website Baker CMS Forum » Websitebaker 2.x » Module

Another Image GaleryGalery

(11 posts) (3 voices)

Vor 5 years von carminchen gestartet
Letzte Antwort von Hermann

Tags:

Keine Tags bisher.

carminchen

offline
Mitglied
Login to Send PM

Hallo,

ich benützte die Another Image Galery und würde gerne bei den Vorschaubildern die Thumbs etwas nur mit ca. 75% transparenz und wenn man dann mit der Maus drüberfährt sollte das volle Bild erscheinen. So woe hier: http://www.patriciamunafo.com/fotos.html

Kann mir jemand helfen das css so umschreiben oder ist das generell nicht möglich so etwas zu realisieren?

Danke im vorraus!!!!!

vor 5 years veröffentlicht #
daniel

offline
Hausmeister
Login to Send PM

Hallo,

generell ist soetwas natürlich möglich.

Ich würde es mit JavaScript lösen.

Evtl. wäre es auch möglich eine .gif Datei mit ca. 60% Transparenz über das Bild zu legen, welche nicht sichtbar ist wen man mit der Maus darüber fährt.

Wenn ich am Wochenende etwas Zeit übrig habe, schau ich mir das mal an.

Gruß Daniel

vor 5 years veröffentlicht #
carminchen

offline
Mitglied
Login to Send PM

TAUSEND DANK!!!!

vor 5 years veröffentlicht #
carminchen

offline
Mitglied
Login to Send PM

Da stell sich doch einer mal vor, ich habe es hinbekommen!!

Ich habe das über css gelöst.

Zu sehen ist es hier: http://www.belavue-fotografie.ch/pages/galerie/studio.php

Der geänderte css-Code sollte nun so lauten:

<style type=\"text/css\">

hr {

border-style: none;

height: 1px;

background-color: silver;

color: silver;

}

#pagenumbers {

text-align: center;

margin: 0px 1em 0px 1em;

}

#pagenumbers a:link, #pagenumbers a:visited, #pagenumbers a:hover {

color: #FF0000;

text-decoration: none;

}

#pictures {

text-align: center;

}

#pictures img {

border: none;

}

#pictures a:link, #pictures a:visited {

color: #000000;

text-decoration: none;

filter:alpha(opacity=20);

-moz-opacity:0.2;

-khtml-opacity: 0.2;

opacity: 0.2;

}

#pictures a:hover {

color: #000000;

text-decoration: none;

filter:alpha(opacity=80);

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

}

#picturelink {

margin: 1em;

float: left;

}

#picturelink img {

border: none;

}

#filename {

text-align: center;

color: silver;

}

#directories { }

</style>

Für weiter Fragen stehe ich gerne bereit!!!

Carminchen

vor 5 years veröffentlicht #
Hermann

offline
Mitglied
Login to Send PM

[quote=carminchen]Hallo,

mit der Maus drüberfährt sollte das volle Bild erscheinen. So woe hier: http://www.patriciamunafo.com/fotos.html[/quote]

Hallo carminchen,

ich habe Deinen Link http://www.belavue-fotografie.ch/pages/galerien/portrait.php getestet. Doch mit Maus drüberfahren tut sich bei mir nichts. Ich habe IE 6.0

Ansonsten echt klasse Bilder!

vor 5 years veröffentlicht #
carminchen

offline
Mitglied
Login to Send PM

Hallo Daniel,

was komisch war das es im Mac FF und Safari, Netscape und FF funktioniert hat, nur nicht mit IE. Nachdem ich den Code nochmals umgestellt funkt es jetzt auch im IE.

Probier es nochmals.

Grüsse

vor 5 years veröffentlicht #
Hermann

offline
Mitglied
Login to Send PM

Hallo carminchen

geht jetzt "astrein"!, und die Bilder schöööön!

Vielleicht noch eine Anregung zur Verbesserung (allerdings weiß ich nicht ob das mit WB geht).

Wenn man nun ein Bild "anklickt"

dann ggf. durch die Rollbalken rechts und unten das Bild mittig auf den Bildschirm plaziert (das man das Bild halt gut und vollst�ndig sieht)

dann das nächst Bild oder voriges Bild wählt

nun wird immer die mittige Einstellung die man vorgenommen hat bei jeder Bildausgabe auf "Grundstellung" ausgegeben.

Hier wird wohl die gesamte Seite neu ausgegeben.

Es würde besser sein die Seitenposition zu belassen und nur das nächste oder vorige Bild neu auszugeben.

Also vielleicht so wie hier: http://www.helftjustin.de/Unterseiten/Galerie.htm

vor 5 years veröffentlicht #
carminchen

offline
Mitglied
Login to Send PM

Hallo Hermann,

das mit dem mittigen Bild hatte ich so vorgeschlagen, der Kunde will es aber so haben und der ist König.

Herzliche Grüsse Carminchen

vor 5 years veröffentlicht #
Hermann

offline
Mitglied
Login to Send PM

Hallo Hermann,

das mit dem mittigen Bild hatte ich so vorgeschlagen, der Kunde will es aber so haben und der ist König.

Herzliche Grüsse Carminchen

ja klar ist auch so o.k.

Hab es bei mir auch mal eingebaut: http://www.frettchen.raith.ws/pages/frettchen-freunde/carolins-fretts.php

Habe auch das Prob bei IE.

Kannst Du mal Dein aktuelles css nochmal posten.

vor 5 years veröffentlicht #
carminchen

offline
Mitglied
Login to Send PM

Hallo Hermann,

ich glaube da habe ich wohl was durcheinandergebracht beim letzten Code. Hier ist der, der definitiv funktioniert.

<style type="text/css">

hr {

border-style: none;

height: 1px;

background-color: silver;

color: silver;

}

#pagenumbers {

text-align: center;

margin: 0px 1em 0px 1em;

}

#pagenumbers a:link, #pagenumbers a:visited, #pagenumbers a:hover {

color: #FF0000;

text-decoration: none;

}

#pictures {

text-align: center;

}

#pictures img {

border: none;

}

#pictures a:link, #pictures a:visited {

color: #000000;

text-decoration: none;

filter:alpha(opacity=20);

-moz-opacity:0.2;

-khtml-opacity: 0.2;

opacity: 0.2;

}

#pictures a:hover {

color: #000000;

text-decoration: none;

filter:alpha(opacity=80);

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

}

#picturelink {

margin: 1em;

float: left;

}

#picturelink a:link, #picturelink a:visited{

margin: 1em;

float: left;

filter:alpha(opacity=40);

}

#picturelink a:hover{

margin: 1em;

float: left;

filter:alpha(opacity=99);

}

#picturelink img {

border: none;

}

#filename {

text-align: center;

color: silver;

}

#directories { }

</style>

Grüsse Carminchen

vor 5 years veröffentlicht #
Hermann

offline
Mitglied
Login to Send PM

Hallo carminchen,

danke habe es bei mir mal eingebaut. IE geht jetzt auch.

Vielleicht ist das ja auch für Dich interessant.

http://www.websitebaker-cms.de/foren/topic/another-image-gallery

Gruß
Hermann

vor 5 years veröffentlicht #

RSS feed for this topic

Antwort

Du musst angemeldet sein, um einen Beitrag zu schreiben.

Seitenanfang