Egyszerű képváltogató megoldás jQuery-vel. Megint belefutottam a jó öreg IE last-child problémába, úgyhogy erre is mutat megoldást a videó. Felejtsétek el amit a toggle-ról mondtam, ehhez a feladathoz nem jó megoldás, ki is vettem a videóból. Majd csinálok erre is egy értelmes példát.
HTML + jQuery forráskód
1
2
3
4
5
6
7
8
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/><title>jQuery</title><linkrel="stylesheet"href="style2.css"/><scripttype="text/javascript"src="http://code.jquery.com/jquery-1.5.js"></script><scripttype="text/javascript">
Nagyon jó, bár azt lehetett volna berakni, hogy amikor először megnyitják az oldalt, akkor az első kép legyen “active” class-ban. Nekem nem okoz gondot, megoldottam egy “:first-child”-dal, csak a végére még belerakhattad volna.
Amúgy nagyon jó minden, köszi!
Tök jó ez a képváltó esetleg nem tudnál egy olyat ami magától változtatja meg képet? (Például van egy fejléc aminek a háttere head.png, és meghatározott időnként, vagy az oldalra visszatéréskor átváltozzon head2.png-re)
Szia!
Rég írtam már, most szembekerültem egy olyan problémával, hogy az oldalon a középső content rész menüre kattintva változik, a két sidebar tartalma állandó. Az egyik sidebar tetején szerepel egy kép, amit szeretném, ha menüpontonként változna, de csak a kép.
Szia!
Én a .addClass miatt írok! Abban kérném segítségedet, hogyha én azt akarom, hogy pl egy HTML-be csinálok egy táblázatot és minden mezőbe bekérek egy adatot és ha nem megfelelő adatot írt be akkor piros lesz a háttere?
Amúgy jól a videók!!! Köszi!
Sziasztok lenne egy kérdésem!
A wordpress-t szeretném feltenni a tárhelyemre, ez sikerül is de viszont nem sikerül a telepítés után a többi a wp-config-valami-ben megadtam az adatokat de hiába mert a tárhelyen azokat nem fogadta el, legalább is nem mindet! ha valaki tud segíteni akkor kérem segítsen!Nagy szükségem lenne rá. Checco
Ezt egyébként jó esetben a WordPress telepítő elvégzi helyetted, elvileg neked nem nagyon kell írogatni a configba.
Ps
2011. február 6. vasárnap - 18:13
Ez teljesen így van ahogy írtad, ha nincs “wp-config.php” nevű fájl, akkor a telepítés során fogja beadni a WordPress telepítő rendszer, és akkor ott kell kitölteni az adatokat.
Ez lehet hogy nem ide tartozik de kéne segítség IFRAME használok az oldal tetejére beleírom a index.php ba e nekem ugy néne hogy ha rámegyünk a Kezdölpara (behozza a index.php-t) akkor a IFRAME ne jelenjen meg …. Ezt hogy
Tudom, hogy nem jó így, eleve a toggle sem működik megfelelően, mert egymásra nyitogatja a képeket. Majd lehet, hogy játszadozok még vele egy kicsit, csak most nincs rá időm. Te milyen hibát találtál?
body{
background:#222;
}
#dok1{
margin:auto;
width:498px;
border:1px solid #FFF;
}
#dok1 a{
color:#FFF;
text-decoration:none;
display:block;
float:left;
background:#444;
padding:10px;
border:1px solid #FFF;
}
#dok1 a:hover{
background:#777;
}
.active{
background:#FFF;
color:#000;
}
htm:
Főoldal
Szolgáltatások
Vendégkönyv
nem működik
Megadtam egy class – t és a css – ben hozzárendeltem egy színt és nem működik!!!
És mielőtt megkérdeznés, igen a html – ben lévő class – nak a neve megegyezik a css – ben lévő class nevéve!
NAgyon jó, csak széles. Melyik fájlban tudom az egész szélességét megváltoztatni? Köszönöm előre is!
A CSS-ben.
Nagyon jó, bár azt lehetett volna berakni, hogy amikor először megnyitják az oldalt, akkor az első kép legyen “active” class-ban. Nekem nem okoz gondot, megoldottam egy “:first-child”-dal, csak a végére még belerakhattad volna.
Amúgy nagyon jó minden, köszi!
Tök jó ez a képváltó esetleg nem tudnál egy olyat ami magától változtatja meg képet? (Például van egy fejléc aminek a háttere head.png, és meghatározott időnként, vagy az oldalra visszatéréskor átváltozzon head2.png-re)
Helló!
Lenne egy kérdésem, hogyan tudnám azt megcsinálni, hogy az aktív menüpontra tegyen egy képet? Egy átlátszó PNG-t szeretnék rátenni.
Szia!
Rég írtam már, most szembekerültem egy olyan problémával, hogy az oldalon a középső content rész menüre kattintva változik, a két sidebar tartalma állandó. Az egyik sidebar tetején szerepel egy kép, amit szeretném, ha menüpontonként változna, de csak a kép.
Segítséged előre is köszönöm!
Szia!
Én a .addClass miatt írok! Abban kérném segítségedet, hogyha én azt akarom, hogy pl egy HTML-be csinálok egy táblázatot és minden mezőbe bekérek egy adatot és ha nem megfelelő adatot írt be akkor piros lesz a háttere?
Amúgy jól a videók!!! Köszi!
$(document).ready(function() {
var nav_last = {
“width” : ’95px’
“margin-right” : ’0′
}
$(“$navigation li:last-child”).css(nav_last);
$(“#navigation li”).click(function() {
$(“#navigation li”).removeClass(“active”);
$(this).addClass(“active”);
var nav = $(this).index()+1;
$(“#main div”).css(“display”,”none”);
$(“#main div:nth-child(“+(nav)+”)”).fadeTO(‘slow’,1);
});
});
ebben mi a hiba mert nekem nem működik…:(
$(document).ready(function(){
var nav_last = {
‘width’ : ’95px’,
‘margin-right’ : ’0′
}
$(“.navigation li:last-child”).css(nav_last);
$(“.navigation li”).click(function(){
$(“.navigation li”).removeClass(“active”);
$(this).addClass(“active”);
var nav = $(this).index()+1;
$(“.main div”).css(“display”,”none”);
$(“.main div:nth-child(“+(nav)+”)”).fadeTo(‘slow’,’1′);
});
});
Tessék, csak én nem id-t írtam a divekhez hanem class-t ezért a .al kezdődő cuccosokat cseréld le # <- ilyenre mert gondolom id-t írtál a divekhez
Nagyon szép az új design!
Sziasztok lenne egy kérdésem!
A wordpress-t szeretném feltenni a tárhelyemre, ez sikerül is de viszont nem sikerül a telepítés után a többi a wp-config-valami-ben megadtam az adatokat de hiába mert a tárhelyen azokat nem fogadta el, legalább is nem mindet! ha valaki tud segíteni akkor kérem segítsen!Nagy szükségem lenne rá. Checco
A “wp-config-sample.php” -t nevezd át “wp-config.php” -ra/re
Akkor jó lesz, ha mégsem akkor rosszul töltötted ki az adatokat.
Üdv.: Ps
Ezt egyébként jó esetben a WordPress telepítő elvégzi helyetted, elvileg neked nem nagyon kell írogatni a configba.
Ez teljesen így van ahogy írtad, ha nincs “wp-config.php” nevű fájl, akkor a telepítés során fogja beadni a WordPress telepítő rendszer, és akkor ott kell kitölteni az adatokat.
Cyrex ez az új dizájn egyszerűen TÖKÉLETES!!!
Nekem nagyon tetszik! Checco
Sztem is nagyon jól néz ki, pont videókat nézegetek…
Aztán nézem a másikat… és új a desing
SZÉÉP
Ja sztem is nagyon KIRÁLY!
Cyrex forever!!!
nekem is tetszik csak hiányolom onnan lentről az cyrex lezáró taget az sztem tök vicces/ötletes/ötletes volt
ha valaki
a ha valakit azt nem is írtam le csak azt hogy
úgy tűnik nem mutatja na minde1
frameset
erre gondoltam ….
JaJ én **** nem IFRAME hanem erre gondoltam :
Ez lehet hogy nem ide tartozik de kéne segítség IFRAME használok az oldal tetejére beleírom a index.php ba e nekem ugy néne hogy ha rámegyünk a Kezdölpara (behozza a index.php-t) akkor a IFRAME ne jelenjen meg …. Ezt hogy
Rá kattintok a dowloadra erre ez jön be http://code.jquery.com/jquery-1.5.min.js
annyi az egész am hgy az egész szöveget lemented egy txt fájlba utána meg a kiterjesztését megváltoztatod txt helyett js-re
Nem muszáj lementeni, az általad írt linket is behúzhatod a fájlodba, ahogyan én is tettem a videóban.
Vagány
Az a jQuery szöveget melyet be kell másolni hol találom?Mert a weboldalon nem találom…
jQuery.com főoldal, bazi nagy download gomb.
amúgy ezel egy nagyon jó ötletett adtál
elsőnek is nem ide akartam írni ezért bocsánat másodjára meg kicsit bonyolult az ötletem úgyhogy azt inkább hagyom
ott ez van!
http://code.jquery.com/jquery-1.5.min.js
zseniális
hogy te ezeket honnan tanulod azt nem tom de nagyon köszi hogy megosztod velünk 
Ott van a dokumentáció a jQuery oldalán, az alapján bármit össze lehet rakni.
ja jó amúgy a vidónak lesz második része mert úgy érzem befejezetlenül hagytad főleg hogy észrevettem egy kis bakit a kódban
Tudom, hogy nem jó így, eleve a toggle sem működik megfelelően, mert egymásra nyitogatja a képeket. Majd lehet, hogy játszadozok még vele egy kicsit, csak most nincs rá időm. Te milyen hibát találtál?
ezt toggle-ös hibát amit te is mondtál
ez aztán gyors volt:O