Kezdőoldal » Számítástechnika » Weblapkészítés » Ennél a képváltó scriptnél,...

Szemafor76 kérdése:

Ennél a képváltó scriptnél, hogyan tudnám azt megoldani, hogy minden egyes kép egy hivatkozásra mutasson?

Figyelt kérdés
[link] Gportal.hu/gindex. Php? Pg=34930501
2013. febr. 15. 09:08
 1/3 anonim ***** válasza:

Egyszerűen teszel a képek köré egy hivatkozást, és nem az img tagekre adod meg a css-t és a javascripteket, hanem az a tagekre. Nem árt még egy border="0" a képekre. Próbáld ki ezt, itt minden kép link, ami a demoban saját magára mutat


<html>

<head>

<style type="text/css">

#slideshow {

position:relative;

height:285px; /* képeid magassága */

}


#slideshow a {

position:absolute;

top:0; /* mennyi pixellel legyen lejjebb a kép a lap tetejétől */

left:100; /* a lap bal oldalához képest mennyivel legyen jobbra a kép */

z-index:8;

opacity:0.0;

}


#slideshow a.active {

z-index:10;

opacity:1.0;

}


#slideshow IMG.last-active {

z-index:9;

}</style>

<script type="text/javascript" src="http://aranymeli.gportal.hu/portal/aranymeli/upload/285733_1330712953_09558.js"></script><script type="text/javascript">

function slideSwitch() {

var $active = $('#slideshow a.active');


if ( $active.length == 0 ) $active = $('#slideshow a:last');


// use this to pull the images in the order they appear in the markup

var $next = $active.next().length ? $active.next()

: $('#slideshow a:first');


// uncomment the 3 lines below to pull the images in random order


// var $sibs = $active.siblings();

// var rndNum = Math.floor(Math.random() * $sibs.length );

// var $next = $( $sibs[ rndNum ] );



$active.addClass('last-active');


$next.css({opacity: 0.0})

.addClass('active')

.animate({opacity: 1.0}, 1000, function() {

$active.removeClass('active last-active');

});

}


$(function() {

setInterval( "slideSwitch()", 5000 );

});

</script>

</head>

<body>

<div id="slideshow">

<a class="active" href="http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1330710649_51.jpg"><img alt="" border="0" src="http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1330710649_51.jpg" /></a>

<a href="http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1330710639_86.jpg"><img alt="" border="0" src="http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1330710639_86.jpg" /></a>

<a href="http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1330710631_43.jpg"><img alt="" border="0" src="http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1330710631_43.jpg" /></a>

<a href="http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1330710622_78.jpg"><img alt="" border="0" src="http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1330710622_78.jpg" /></a>

</div>

</body>

</html>

2013. febr. 15. 09:51
Hasznos számodra ez a válasz?
 2/3 Mugen ***** válasza:
Ha mindegyik ugyanarra az 1 képre mutat, akkor az nem olyan mintha csak 1 képet tettél volna be?
2013. febr. 15. 09:52
Hasznos számodra ez a válasz?
 3/3 Mugen ***** válasza:
Áhh! Figyelmetlenül olvastam el a kiírást. Elnézést.
2013. febr. 15. 09:53
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!