WordPress DK Forum

1. 

   jesperfrehr
   

   Seniormedlem
   Joined: jan '13
   Posts:

   Reputation:

    

   Hej Alle

   Jeg leder efter et galleriplugin der, når musen kommer over billedet ruller lidt op og giver plads til lidt data
   Se det her: http://www.cantarano.com/

   Kender nogen dette?

   Jesper Frehr

   VirtuelleDanmark.dk - 360º panoramafotografering
   "...se dig lidt omkring"

   Skrevet 12 years siden #
2. 

   Henning
   

   Administrator
   Joined: maj '10
   Posts:

   Reputation:

    

   Ligner mere en slider, der er en del af themaet.

   http://www.ballumweb.dk

   Skrevet 12 years siden #
3. 

   Edu
   

   Medlem
   Joined: aug '11
   Posts:

   Reputation:

    

   Det er css styling af et element. Billedet er placeret i et system af div class og den tekst der kommer til syne er <div class="scroll-item-info">. Der er ikke noget på siden der tyder på at det er et plugin der benyttes. Det kan ikke udelukkes at der findes et plugin som kan efterligne denne funktion, men jeg kan ikke henvise til noget konkret hvad det angår.

   Skrevet 12 years siden #
4. 

   hamselv
   

   Medlem
   Joined: mar '12
   Posts:

   Reputation:

    

   http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/
   Dette plugin anvender jeg her:
   http://www.nvjensen.dk/?page_id=604
   Kør musen ind over det enkelte billede.
   Er det det du søger. Jeg tror det.

   Skrevet 12 years siden #
5. 

   René Skou
   

   Supermedlem
   Joined: feb '13
   Posts:

   Reputation:

    

   Hej jesperfrehr

   Det de har gjort på den side du henviser til er bare en mouseover effekt som jeg lige vil vise, du kan lave den i en text widget.

   html

   
<div class="conatiner">
<div class="image-container">
<img src="stien til billede" alt="" />
</div>
<div class="content"><p>Noget tekst</p></div>
</div>


   css
   
.container {position:relative; width:302px; height:227px; overflow:hidden;}
.image-container {position:absolute; width: 302px;height: auto !important;min-height: 227px;}
.image-container:hover {position:absolute; top:-45px;}


   Mere skal der som ikke til :)

   Det der er vigtigt er overflow:hidden; og at højden på container og image-container er den samme, så er det bare at indstille top alt efter hvor meget den skal rykke op ad når du holder musen over billedet.

   software pilot hos Arnsbomedia
   Plugin Convert image to media
   http://www.meetup.com/WordPr

   Skrevet 12 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.