Hov. Du er ikke logget ind.
DU SKAL VÆRE LOGGET IND, FOR AT INTERAGERE PÅ DENNE SIDE

Kender DU dette script?

Side 1 ud af 1 (5 indlæg)
  • 1
Fra Kerteminde
Tilmeldt 15. Aug 08
Indlæg ialt: 57
Skrevet kl. 09:52
Hvor mange stjerner giver du? :

Hej,

Er der en herinde der ved hvilket java script der er blevet brugt på denne løsning?

Det er scriptet der bliver brugt til at fremvise profilbilleder.

På forhånd tak.

Mvh.

Fra København
Tilmeldt 30. Mar 05
Indlæg ialt: 1324
Fra  Altero Design Skrevet kl. 10:00
Hvor mange stjerner giver du? :

Det er ikke javascript, det er lavet i ren CSS. Prøv og højreklk og vis kilde, så får du koden serveret på et sølvfad Big Smile

 

Fra Give
Tilmeldt 8. Aug 06
Indlæg ialt: 116
Skrevet kl. 10:17
Hvor mange stjerner giver du? :

Hej

Det er lavet med CSS:

<style type="text/css">
.gallery {list-style-type:none; padding:0;  border:0; position:relative;margin-top:0px;}
.gallery li {display:block; width:166px; height:70px;padding-right:25px;}
.gallery li a, .gallery li a:visited {background:transparent; border:0;width:166px; height:70px;}
.gallery li a em {display:none;margin-bottom:5px;} <- her sættes de til ikke at blive vist
.gallery li a img {width:166px; height:70px; border:1px solid #aaa; margin-bottom:1px;}
.gallery li a:hover {display:inline-block;}
.gallery li a:hover em {display:block; width:350px; height:148px; position:absolute; top:20px; left:-350px;}
* html .gallery li a:hover em {left:-350px;} <- ved at føre musen over bliver de synlige
.gallery li a em.pic1 {background:#aaa url(/images/visitkort/danny_large.jpg);} <- her defineres billedet
.gallery li a em.pic2 {background:#aaa url(/images/visitkort/michaell_large.jpg);}
.gallery li a em.pic3 {background:#aaa url(/images/visitkort/johnny_large.jpg);}
.gallery li a em.pic4 {background:#aaa url(/images/visitkort/lars_large.jpg);}
.gallery li a em.pic5 {background:#aaa url(/images/visitkort/kristina_large.jpg);}
.gallery li a em.pic6 {background:#aaa url(/images/visitkort/flemming_large.jpg);}
.gallery li {
 margin-bottom:0.1em;
}
</style>

Fra Helsingborg
Tilmeldt 3. Apr 05
Indlæg ialt: 6568
Fra  TextReactor Skrevet kl. 10:20
Hvor mange stjerner giver du? :

Hedeby.Net:

* html .gallery li a:hover em {left:-350px;} <- ved at føre musen over bliver de synlige

Og den linie virker ikke i Chrome :(

 

Jeg har programmeret i over 27 år. Jeg har kodet i C, C++, Java, Delphi, Perl, JavaScript, C#, F#, VB.NET, ASP, Myresnak :D, Comal80 osv....

Fra Kerteminde
Tilmeldt 15. Aug 08
Indlæg ialt: 57
Skrevet kl. 10:21
Hvor mange stjerner giver du? :

Tusinde tak for de hurtige svar :)

Side 1 ud af 1 (5 indlæg)