Kezdőoldal » Számítástechnika » Weblapkészítés » Jqueryhez kellene egy kis...

Jqueryhez kellene egy kis segítség. Valaki?

Figyelt kérdés
Ezen a linken [link] van egy carousel plugin, de nem tudom testre szabni. Valaki tudna nekem segíteni? Nem úgy jeleníti meg ahogyan a demóban mutatja
2011. jún. 7. 20:40
 1/9 A kérdező kommentje:

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? :)

2011. jún. 7. 21:33
 2/9 Mugen ***** válasza:

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>

2011. jún. 8. 12:05
Hasznos számodra ez a válasz?
 3/9 Mugen ***** válasza:

<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" />

2011. jún. 8. 17:06
Hasznos számodra ez a válasz?
 4/9 A kérdező kommentje:
nálam valamiért még mindig nem jön össze. beállítottam 6 képet, de csak egyet jelenít meg. a gombok se működnek
2011. jún. 9. 14:33
 5/9 A kérdező kommentje:

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>

2011. jún. 9. 14:38
 6/9 Mugen ***** válasza:
A a css fájlt sikerült letöltened? ( ha nem sikerült, akkor nem fog menni. Abban vannak hivatkozások a gombokra is.) Ha nem sikerült letöltened akkor úgy tudod letölteni, hogy rámész a demo-ra. Ott megnézed az oldal forrását, és ott rákattintasz arra a részre hogy style.css ,legalábbis nekem Google Chrome alatt engedi letölteni a css fájlt, gombokat meg töltöttem le netről :). Ha nem sikerül így se akkor küldj egy emailt és átküldöm a fájlokat hozzá. :)
2011. jún. 9. 14:51
Hasznos számodra ez a válasz?
 7/9 A kérdező kommentje:
Igen letöltöttem a style.css-t, de így se megy. Alapértelmezettként két képnek kellene megjelennie, de csak 1 látható és nem is indul el automatikusan a slider
2011. jún. 9. 16:34
 8/9 Mugen ***** válasza:
Másold fel ide a kódodat,és akkor meglátjuk, hogy hol a hiba.
2011. jún. 10. 13:11
Hasznos számodra ez a válasz?
 9/9 A kérdező kommentje:
Köszi közbe rájöttem. A szervert nem frissítettem szóval elbénáskodtam. Az volt jó amit te írtál. Köszi :)
2011. jún. 11. 12:18

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

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!