Jqueryhez kellene egy kis segítség. Valaki?
Igazából az érdekelne, hogy mit hová kell beilleszteni.
Annyit tudok, hogy a scripteket a head részen belül kell elhelyezni, de ami a deklaráció szó alatt van, azzal nem tudok mit kezdeni. Nem tudom hová kell elhelyezni. A html kódrésszel annyi a gondom, hogy a képeket egy felsorolással illeszti be, ami egymás alatt listaszerűen helyezkedik el. Ha viszont a js fájlban megváltoztatjuk a lapozás irányát vízszintesre (x) akkor semmi sem történik. Plusz a lapozó gombok sem voltak a letöltésben, csak a két js fájl. Van ezenkívül még egy css hivatkozás is, de css fájlt sem találtam sehol. Most én vagyok teljesen hülye vagy szerintetek is sántít valahol? :)
No. Némi hackelés után működésre lehetett bírni a scriptet. A css fájl és a gombok valóban hiányzonak, de ezek pótolhatók. A forrásfájlból le lehet tölteni őket. Nekem a következő kóddal sikerült működésre bírnom:(szükséges fájlok: - jquery.js
- style.css
- jquery.tinycarousel.js
- megjelenitendo kepek
- elozo és kovetkezo gomb.)
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tinycarousel.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#pelda-1').tinycarousel({
start: 2,
display: 2,
interval: true,
rewind: true
})
});
</script>
</head>
<body>
<div id="pelda-1">
<a class="buttons prev" href="#"> </a>
<div class="viewport">
<ul class="overview">
<li><img src="images/img1.jpg" alt="" /></li>
<li><img src="images/img2.jpg" alt="" /></li>
<li><img src="images/img3.jpg" alt="" /></li>
<li><img src="images/img4.jpg" alt="" /></li>
</ul>
</div>
<a class="buttons next" href="#"> </a>
</div>
</body>
<html>
<script type="text/javascript" src="jquery.js"></script> ez elé a sor elé be kell ám írni hogy:
<link rel="stylesheet" type="text/css" href="style.css" />
nálam így néz ki a kód:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tinycarousel.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#pelda-1').tinycarousel({
start: 2,
display: 2,
interval: true,
rewind: true
})
});
</script>
</head>
<body>
<div id="pelda-1">
<a class="buttons prev" href="#"> </a>
<div class="viewport">
<ul class="overview">
<li><img src="kepek/1.png" style="width:150px" /></li>
<li><img src="kepek/2.jpg" style="width:150px" /></li>
<li><img src="kepek/3.jpg" style="width:150px" /></li>
<li><img src="kepek/4.jpg" style="width:150px" /></li>
<li><img src="kepek/5.png" style="width:150px" /></li>
<li><img src="kepek/6.jpg" style="width:150px" /></li>
</ul>
</div>
<a class="buttons next" href="#"> </a>
</div>
</body>
</html>
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!