Címlap › Fórum › Technikai kérdések

Képváltás áttűnéssel.

2010, március 26 - 17:52 — notabene

Szeretnék készíteni egy hírek blokkot, amiben linkelhető és aláírással is ellátott képek jelennének meg váltakozva, beállítható időközönként. A képre vagy szövegre kattintva megnyílna az adott tartalom.
A blokk már kész: lásd: http://www.notabenekonyv.hu/ oldalon jobbra fent a Könyvfesztivál doboz.
Most még csak egy hír van benne, mert nem tudom megcsinálni a képváltást.
Valami hasonlóra gondolok, mint ami ennek az oldalnak a közepén van:
http://www.alexandra.hu/scripts/cgi/webshop.cgi/main?TabSheet=book&Sessi...
Tud valaki segíteni?

Üdv.
Józsi

‹ Felhasználó lista Új kategória ›
2010, március 27 - 09:20 — shirley

Helló! Megnéztem a

Helló!

Megnéztem a forráskódot. Szerintem ez a rész lesz az:

Csak itt a képekre mutató linkeket cseréld ki. Próbálgatni kell, de szerintem össze fog jönni. Hétfőn én is megnézem.
Majd írok hogy alakul.

Üdv,
Attila.

2010, március 27 - 09:25 — shirley

Nem jeleníti meg az oldal a

Nem jeleníti meg az oldal a forráskódot.
Hogyan tudnám ide behelyezni? Így nem tudom megmutatni.

2010, március 27 - 12:05 — notabene

Kössz Attila a segítséget. Én

Kössz Attila a segítséget. Én úgy szoktam ide bemásolni, hogy a < karakter után teszek egy szóközt, akkor megjeleníti.

Viszont a kérdésem az, hogy az oldal forráskódját én hogy tudom szerkeszteni?

Üdv:
Józsi

2010, március 29 - 07:50 — gy

A hozzászólásokban csak

A hozzászólásokban csak néhány HTML tag engedélyezett. Javascript pedig abszolút nem engedélyezett.

Üdv,
Gy.

2010, március 27 - 09:49 — shirley

Na mindegy. Az a lényeg hogy

Na mindegy.

Az a lényeg hogy nézd meg az oldal forráskódját. Keress rá a következőre:
KONYV_main_20100327_01_20100326133902.jpg

Ahol ez található az a rész kell neked. Cserélgesd ki a linkeket és talán jó lesz.
Elég sokat kell vele babrálni, de sztem sikerülni fog. Majd én is megnézem.

Üdv,
Attila.

2010, március 28 - 07:57 — shirley

Köszi az infót. Itt a

Köszi az infót. Itt a forráskód. A < script type="text/javascript"> , a < !-- és a < /script> tartalmaz egy szóközt. A képekre mutató linkeket kell átírnod. Én is megnézem hétfőn és megmutatom ha kész lesz.

Üdv,
Attila.

< script type="text/javascript">

< !--

var image1=new Image()
image1.src="http://www.alexandra.hu/images/KONYV_main_20100327_01_20100326133902.jpg"
image1.link="http://www.alexandra.hu/scripts/cgi/webshop.cgi/GetBook?BookID=703606&TabSheet=book&SessionID=2A03442ED3F4FDAD32CFCC2BC763083597622ACF9C8A017DA1A2129EBABBAB83231F26C9558AEMBCTHWNCZMFRBGTCQXFFXDDNTFCHOBCZMRHBBZGO4150CAA51C58E254E86C286E20DF0604&CBStock=CHECKED&SrcOrder=o"
var image2=new Image()
image2.src="http://www.alexandra.hu/images/KONYV_main_20100327_02_20100326133931.jpg"
image2.link="http://www.alexandra.hu/scripts/cgi/webshop.cgi/GetBook?BookID=703646&TabSheet=book&SessionID=2A03442ED3F4FDAD32CFCC2BC763083597622ACF9C8A017DA1A2129EBABBAB83231F26C9558AEMBCTHWNCZMFRBGTCQXFFXDDNTFCHOBCZMRHBBZGO4150CAA51C58E254E86C286E20DF0604&CBStock=CHECKED&SrcOrder=o"
var image3=new Image()
image3.src="http://www.alexandra.hu/images/KONYV_main_20100327_03_20100326151059.jpg"
image3.link="http://www.alexandra.hu/scripts/cgi/webshop.cgi/GetBook?BookID=703838&TabSheet=book&SessionID=2A03442ED3F4FDAD32CFCC2BC763083597622ACF9C8A017DA1A2129EBABBAB83231F26C9558AEMBCTHWNCZMFRBGTCQXFFXDDNTFCHOBCZMRHBBZGO4150CAA51C58E254E86C286E20DF0604&CBStock=CHECKED&SrcOrder=o"
var image4=new Image()
image4.src="http://www.alexandra.hu/images/KONYV_main_20100322_04_20100319185104.jpg"
image4.link="http://www.alexandra.hu/scripts/cgi/webshop.cgi/GetBook?BookID=703655&TabSheet=book&SessionID=2A03442ED3F4FDAD32CFCC2BC763083597622ACF9C8A017DA1A2129EBABBAB83231F26C9558AEMBCTHWNCZMFRBGTCQXFFXDDNTFCHOBCZMRHBBZGO4150CAA51C58E254E86C286E20DF0604&CBStock=CHECKED&SrcOrder=o"
var image5=new Image()
image5.src="http://www.alexandra.hu/images/KONYV_main_20100322_05_20100319185121.jpg"
image5.link="http://www.alexandra.hu/scripts/cgi/webshop.cgi/GetBook?BookID=703147&TabSheet=book&SessionID=2A03442ED3F4FDAD32CFCC2BC763083597622ACF9C8A017DA1A2129EBABBAB83231F26C9558AEMBCTHWNCZMFRBGTCQXFFXDDNTFCHOBCZMRHBBZGO4150CAA51C58E254E86C286E20DF0604&CBStock=CHECKED&SrcOrder=o"
var image6=new Image()
image6.src="http://www.alexandra.hu/images/KONYV_main_20100315_06_20100312150815.jpg"
image6.link="http://www.alexandra.hu/scripts/cgi/webshop.cgi/GetTopBooks?TopBooksID=agatha_christie_uj_konyvek&TabSheet=book&SessionID=2A03442ED3F4FDAD32CFCC2BC763083597622ACF9C8A017DA1A2129EBABBAB83231F26C9558AEMBCTHWNCZMFRBGTCQXFFXDDNTFCHOBCZMRHBBZGO4150CAA51C58E254E86C286E20DF0604&CBStock=CHECKED&SrcOrder=o"

var slideit_id = -1
var banner_active_num = 1

function change_banner(banner_num) {
if (!document.images)
return

document.images.banner_image.src=eval("image"+banner_num+".src")

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
document.getElementById("banner_area").href=eval("image"+banner_num+".link")
else
document.links.banner_area.href=eval("image"+banner_num+".link")

banner_active_num = banner_num
clearTimeout(slideit_id);
slideit_id = setTimeout("slideit()",10000)

}

//-->

< /script>

2010, március 29 - 07:54 — gy

Ahogy Attila kifejtette, ők

Ahogy Attila kifejtette, ők ezt a dolgot egy javascript kóddal csinálják. Ha jól látom a kapcsolódó kódrészletet is sikerült neki bemásolni.
Neked az image1.src, image2.src stb. sorok érdekesek. Ott lehet megváltoztatni a megjelenő képeket.

Üdv,
Gy.

2010, március 29 - 12:24 — notabene

Nagyon köszönöm

Nagyon köszönöm mindkettőtöknek. Ha sikerül, majd beszámolok.

Üdv:
Józsi

2010, március 29 - 14:57 — notabene

Így néz ki a kód a blokkban

Így néz ki a kód a blokkban két tartalomra mutató linkkel, de a blokkban nem jelenik meg semmi.

www.notabenekonyv.hu jobb oldal fent: (szóközök csak itt, a fórumban)

< script type="text/javascript">

< !--

var image1=new Image()
image1.src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/ac/Amos_Oz_by_Kubik.JPG/100px-Amos_Oz_by_Kubik.JPG"
image1.link="http://www.notabenekonyv.hu/amos_oz"

Ámosz Oz a XVII. Budapesti Könyvfesztivál díszvendége

var image2=new Image()
image2.src="http://www.ujkonyvpiac.hu/images/cikk/kosztolanyi.jpg/100px"
image2.link="http://www.notabenekonyv.hu/kosztolanyi125"

var slideit_id = -1
var banner_active_num = 1

function change_banner(banner_num) {
if (!document.images)
return

document.images.banner_image.src=eval("image"+banner_num+".src")

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
document.getElementById("banner_area").href=eval("image"+banner_num+".link")
else
document.links.banner_area.href=eval("image"+banner_num+".link")

banner_active_num = banner_num
clearTimeout(slideit_id);
slideit_id = setTimeout("slideit()",10000)

}

//-->

< /script>

2010, március 29 - 15:12 — notabene

A Teszt blokkot kell nézni.

A Teszt blokkot kell nézni.

2010, április 1 - 09:02 — shirley

nekem sem jön be kép. nem

nekem sem jön be kép. nem tudom mi lehet a hiba oka. Majd még próbálkozok vele.

2010, április 1 - 16:38 — notabene

Mindenesetre köszönöm. Én

Mindenesetre köszönöm. Én azóta próbálkozom, de sehogy sem megy.

2010, április 2 - 07:59 — gy

Hol van ez a blokk. Üdv, Gy.

Hol van ez a blokk.

Üdv,
Gy.

2010, április 2 - 19:03 — notabene

Adminisztráció/Webhely

Adminisztráció/Webhely építés/Blokkok/Tiltott/Teszt...

...és egy másik hasonló kód a Teszt2-ben, ami szintén nem működik, bár ebben sem tudtam igazából, hogy mit kell csinálni.

Üdv.
Józsi

2010, április 6 - 08:48 — gy

Teszt blokk

Kicsit belepiszkáltam a teszt blokkba.
Úgy néz ki, hogy kicsit hiányosan emelted át a példa oldalról ezt a megoldást.
Remélhetőleg most már a blokk alapján meg tudod csinálni azt, amit szeretnél.

Üdv,
Gy.

2010, április 6 - 11:13 — notabene

Kössz Gyula, úgy látom,

Kössz Gyula, úgy látom, működik is. Máris hozzálátok.

Üdv:
Józsi

2010, április 6 - 17:20 — notabene

Már majdnem jó, a

Már majdnem jó, a képméreteket nem tudom egyformára hozni. Hiába írom a link után, ezek nem úgy működnek, mint az img src. A képeket mind máshonnan szedtem le.
A másik gondom, hogy nem tudom a képaláírásokat sem bevinni.
Adjatok valami ötletet.

Üdv:
Józsi

2010, április 3 - 10:38 — notabene

Itt van egy ilyen oldal, de

Itt van egy ilyen oldal, de én ezt nem tudom megcsinálni. Segítenétek?

http://www.blog.bluedesign.hu/javascript/s3slider-jquery-kepvalto-plugin...

2010, április 5 - 08:06 — shirley

Nekem már alakulgat. Amint

Nekem már alakulgat. Amint kész lesz szólok. Most a szöveget nem tudom a megfelelő helyre tenni. A kép már megvan.

2010, április 12 - 18:30 — notabene

Arra tud valaki magyarázatot

Arra tud valaki magyarázatot adni, vagyis inkább megoldást, hogy miért nem működik ez a kód egyszerre két blokkban. Ugyanis feltöltöttem a megfelelő blokkba a képeket, váltogatták is egymást, de aztán feltettem más képeket a fejlécbe egy másik blokkba, és ettől kezdve az első blokkban nem váltogatja a képeket, hanem a fejléc blokkjában jelennek meg ezek. Most letiltom e jobb oldali blokkot, mert nem azokat a képeket akarom megjeleníteni, de Gyuláék bele tudnak nézni.
A másik kérdésem továbbra is él, hogy ebben a kódban hogyan tudok linkelhető képaláírást beszerkeszteni a képekhez?

Üdv:
Józsi

2010, április 13 - 08:20 — gy

Egyedi azonosaító

A kód egyedi azonosítókat használ a kép objektum manipulálásához.
Ha kétszer illeszted be kódot, akkor két objektumnak lesz ugyanaz az azonosítója.

Üdv,
Gy.