Hoover-effekt ved alle links på siden

Billederne har variende størrelsen, det er derfor jeg gerne vil have teksten til at blive usynlig.

Jeg tror jeg ville lave en span.class for links og en anden for hover og ved hover vil jeg lade den være:    

                  visibility: hidden;

Hvis din tekst er inden i det samme a element, kan du fint skrive a:hover p#minTekst { display: none;} og huske at sætte tilbage til block.

Men tror ikke, din tekst er i samme a element, hvorfor jeg ville løse det således:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('a').hover(function(){
            $('p#minTekst').hide();
        }, function(){
            $('p#minTekst').show();
        });
    })
    </script>

Okay OskarRough, det kan godt være du har ret. Men vil det ikke være lettere bare at placere det store billede over teksten ?

Tjoe, det kan man jo også gøre. Sørge for at alle billeder ligger i en boks (evt. med en baggrundsfarve), så man ikke kan se teksten. Det ville også virke fint ja :-)

Prøv at læse denne artikel også: http://css-tricks.com/remote-linking/