ugrás a tartalomhoz

képek berakása

djviktorio · 2009. Már. 30. (H), 16.40
Sziasztok! Új vagyok itt, nemtudom, hogy jó helyre írok-e, de segítséget szeretnék kérni.
Készülőfélben van végülis egy honlapom, képeket szeretnék felrakni, aminek az alján vannak kicsi kockák, amire rákattolva az ember másik képet választhat ki. Viszont az a baj, hogy "template" alapján próbálkozok, és bevan építve egy kép, ami elvileg háttérkép, de én azt szeretném lecserélni. Ha jól láttam ez egy "galery_bg.jpg" nevezetű kép, de a html szövegben csak "galery"-ként találtam meg... sajna nemtudom lecserélni, max 1 darabra, de akkor mindenhol az lenne, végülis eléggé bonyolultá tenném, ha minden kis file-t és html-t átraknék egy külön mappába, és minden egyes új kép berakásával újabb- és újabb mappát hoznék létre úgymond hivatkozásként (kis kockák), ha egy új képet szeretnék látni... Nemtudom mennyire voltam érthető, de szerintem nemigazán... beírok ide talán kis segítséget: Please Help MEEE! :(

<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="style.css" type="text/css" rel="stylesheet">



<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onLoad="MM_preloadImages('images/m1_1.gif','images/m2_1.gif','images/m3_1.gif','images/m4_1.gif','images/m5_1.gif')">

<table style="height:100%">
<tr>
<td class="bg5">
<table style="width:766px" align="center">
<tr>
<td class="logo"><a href="index.html"><img src="images/logo.jpg" alt="" width="410" height="101" border="0"></a><br></td>
</tr>
<tr>
<td style="height:126px" class="menu">
<a href="index-1b.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/m1_1.jpg',1)"><img src="images/m1_1.jpg" alt="szöveg" name="Image2" width="99" height="28" border="0"></a><img src="images/spacer.gif" alt="" width="48" height="1"><a href="index-2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/m2_1.jpg',1)"><img src="images/m2.jpg" alt="szöveg" name="Image3" width="99" height="28" border="0"></a><img src="images/spacer.gif" alt="" width="43" height="1"><a href="index-3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/m3_1.jpg',1)"><img src="images/m3.jpg" alt="szöveg" name="Image4" width="99" height="28" border="0"></a><img src="images/spacer.gif" alt="" width="41" height="1"><a href="index-4.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/m4_1.gif',1)"><img src="images/m4.gif" alt=" " name="Image5" width="99" height="28" border="0"></a><img src="images/spacer.gif" alt="" width="49" height="1"><a href="index-5.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/m5_1.jpg',1)"><img src="images/m5.jpg" alt="szöveg" name="Image6" width="99" height="28" border="0"></a> </td>
</tr>
<tr>
<td class="galery">
<table>
<tr>
<td style="height:74px"><img src="images/spacer.gif" alt="" width="36" height="1"><a href="index-1b.html"><img src="images/p1_1.jpg" alt="szöveg" border="0"></a><a href="index-1f.html"><img src="images/p1_2ff.jpg" alt="szöveg" border="0"></a><img src="images/burkszer.jpg" alt=""><br></td>
</tr>
<tr>
<td style="height:376px">
<img src="images/spacer.gif" alt="" width="36" height="1"><a href="index-1fm.html"><img src="images/p1_3ff.jpg" alt="szöveg" border="0"></a><a href="index-1e.html"><img src="images/p1_4ff.jpg" alt="szöveg" border="0"></a><br>
</td>
</tr>
<tr>
<td class="link">
<a href="#"><img src="images/p1.gif" alt="" border="0"></a><a href="#"><img src="images/p2.gif" alt="" border="0"></a><a href="#"><img src="images/p3.gif" alt="" border="0"></a><a href="#"><img src="images/p4.gif" alt="" border="0"></a><a href="#"><img src="images/p5.gif" alt="" border="0"></a><a href="#"><img src="images/p6.gif" alt="" border="0"></a><a href="#"><img src="images/p7.gif" alt="" border="0"></a><a href="#"><img src="images/p8.gif" alt="" border="0"></a><a href="#"><img src="images/p9.gif" alt="" border="0"></a><a href="#"><img src="images/p10.gif" alt="" border="0"></a><a href="#"><img src="images/p11.gif" alt="" border="0"></a><a href="#"><img src="images/p12.gif" alt="" border="0"></a><a href="#"><img src="images/p13.gif" alt="" border="0"></a><a href="#"><img src="images/p14.gif" alt="" border="0"></a><a href="#"><img src="images/p15.gif" alt="" border="0"></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="footer">Copyright &copy; szöveg,&nbsp;&nbsp;2009 | <a href="index-6.html">szöveg</a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="bg4"></td>
</tr>
</table>

</body>
</html>
‹ jQuery Date Input [ÉV-HÓ-NAP] META name="y_key" ›
 ■
1

nyertél

gex · 2009. Már. 30. (H), 20.04
Nemtudom mennyire voltam érthető, de szerintem nemigazán...
nyertél.

esetleg használhatnál kódszínezőt, kigyomlálhatnád a probléma szempontjából lényegtelen kódokat, online demo-t készíthetnél.
2

style.css

Poetro · 2009. Már. 30. (H), 20.36
A kép valószínűleg a style.css-ben található meg. Persze mindenki tévedhet.
3

style.css

djviktorio · 2009. Már. 31. (K), 08.40
Sorry, arra nem figyeltem..
Igen közben rájöttem, egy style.css nevű file-ban van benne, mégpedig így:
.galery{ background:url(images/galery_bg.jpg) no-repeat left bottom #342F2C}
vagyis ha jól értelmezem, akkor "háttér"-ként. viszont úgy nézne ki a lap, hogy a kép alján van sok-sok kis kocka. A kockákra rákattintva szeretnék újabb képet, aminek az alján szintén van sok kocka. tehát a kockák maradnak a helyükön, de váltogatva őket, a képek változnak. Az a baj, hogy kitudom cserélni a képet, de akkor is csak egy kép marad. átírni meg nemtudom, mert akkor üres lesz az egész. Viszont a kis kockákra kattolva kéne hivatkozni valahogy, hogy másik kép jelenjen meg...
Ezt hogyan lehetne??
4

Így nem lehet

Poetro · 2009. Már. 31. (K), 10.24
Erre a kérdésre így nem lehet válaszolni. Rajzold le, mit szeretnél, és rakd fele a jelenlegi állapotot valahová, és adj linket, hogy látni lehessen, hol tarta a dolog, hogy néz ki a HTML.
5

re: így nem lehet

djviktorio · 2009. Már. 31. (K), 11.55
Oks.. regisztráltam gyorsan egy ingyenes oldalon, aztán felraktam azt az oldalt, amiről beszéltem.. kicsit leegyszerűsítettem, szóval nem a "fejlesztett" anyag...
Itt a cím: http://djviktorio.atw.hu/index-1b.html
A kék képet szeretném változtatni, az alatta lévő kis kockákon kattintgatva.... lépegetve... vagy valami ilyesmi.
Ha esetleg kellene a "forrásanyag" vagy a többi, akkor kitudom rakni azt is...
Szóval ez lenne a problémám... Lehet rajta segíteni??
6

segíteni?

gex · 2009. Már. 31. (K), 12.08
hol akadtál el? ha jól látom azon az ezer éves preloaderen kívül semmi javascript nincs a kódban. hogy kezdtél neki?
7

re

djviktorio · 2009. Már. 31. (K), 13.38
sajna még mindíg a kép.. :( mivel nagyon nem értek a dologhoz, csak konyhanyelven ha lehet így mondani, ezért sz.tem hozzátok képest amatőr szinten vagyok... nagyon.. szóval az elakadás az csak ott történt, hogy van az a bizonyos kék kép... amit a linkre kattolva láthatsz.. annak a helyére betudok rakni bármilyen képet stb... csak az a baj, hogy ha oda berakok valamit, mást nemtudok..., a lényege az lenne a dolognak, hogy a kék kép alatt lévő kicsi kockák, mind 1-1 kép lenne. tehát ha rákattolok a másodikra, akkor egy másik kép jelenne meg a kék helyett. ha a harmadikra akkor szintén egy másik. és így tovább. Igazából úgy szeretném az egészet, hogy ott vannak bal odalt felül 4 négyzet formában a témák.. tehát bal oldali, mondjuk "állatok"... jobb oldali pl "emberek" ... és így tovább... mindig az aktív a 4 kocka közül, amiben vagyok. mondjuk "állatok"... ekkor bejönne egy kép... ez lenne a kék. majd nézegethetnék még pár képet, ha a kiskockákon haladok alul. de ha gondolok egyet, akkor a 4 négyzet közül rákattolok az "emberekre" és megint másik kép jelenik meg a kék helyén... ez már ember kép lenne, majd a kis kockákkal nézegethetném az ember képeket ... :) ez csak egy példa... de a nagy kék képen van a hangsúly, és az alatta lévő kicsi kockákon. itt akadtam el.. mivel nemigazán értek hozzá, ezért fordultam felétek, annyit csináltam, hogy valamilyen képszerkesztővel ugyanolyan formára vágtam a képet, mint ez a kék.. a "galery_bg.jpg" de mást nemtudtam, mert nemtudom, hogyan tudnék hivatkozni másik képre úgy, hogy ne külön ablakban nyíljon meg, hanem úgymond "beágyazva", hogy csak a kék változik. Valahogy így lenne a dolog...
Lehet túlragozom, vagy túlkomplikálom a dolgot, de valahogy nem jövök rá, hogyan lehetne.... :(
8

JavaScript

Poetro · 2009. Már. 31. (K), 14.08
Kell egy kevés JavaScript tanulás, hogy így ki tudd cserélni a képeket, vagy pedig minden egyes kép egy másik HTML oldalra visz, ahol másik kép van ott, persze ha háttérképpel akarod, akkor megfelelő CSSt is kell hozzá csinálnod.

Amit ezzel mondani akarok, hogy vagy tanulsz még egy csomót, vagy pedig megfizetsz valakit, aki megcsinálja helyetted.
9

:(

djviktorio · 2009. Már. 31. (K), 15.02
A html-es változatot megtudnám csinálni, csak akkor sok lenne a cucc, amit fel kell töltenem..Akkor ezekszerint olyan bonyolult lenne ez az egész, hogy önzetlenül segítsen az ember? Vagy egyszerűbb, ha valaki megcsinálja pénzért.....