+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Witam Wszystkich - Mam bardzo palący Problem (/thread-witam-wszystkich-mam-bardzo-palacy-problem)
Strony:
1
2
Witam Wszystkich - Mam bardzo palący Problem - TheShakers - 22-06-2011
Witam Mam bardzo palący problem. Otóż chciałbym zrobić w html/css ew. JS przgladarkę zdjęć kilkupoziomową
Załączam obrazek który wszystko wyjaśnia
![[Obrazek: obrazek.jpg]](http://theshakers.pl/obrazek.jpg)
Chodzi mi o to abym mógł wybierać miniaturki po lewej i żeby mi sie pokazały na tym podkoszulku. Tylko żebym mógł rózne kompozycje robić tzn na warstwach
Bardzo proszę o pilną pomoc.
PS: To dla mnie ;p
RE: Witam Wszystkich - Mam bardzo palący Problem - Pedro84 - 23-06-2011
Pokaż swój kod.
RE: Witam Wszystkich - Mam bardzo palący Problem - Kartofelek - 23-06-2011
Duża koszulka jako tło z pozycją relatywną.
Na to dajesz warstwy absolutne z podpiętym dragiem z jQuery UI
I tyle dla ciebie.
RE: Witam Wszystkich - Mam bardzo palący Problem - TheShakers - 23-06-2011
PRZYJACIELE KOLEDZY NIE MAM KODU, ja jestem grafikiem...jakbyście pomogli byłbym naprawdę wdzieczny - ewentualnie grafika komuś ;]
RE: Witam Wszystkich - Mam bardzo palący Problem - Kartofelek - 23-06-2011
Spoko mogę pomóc. 600zł. Edit: 1600zł
RE: Witam Wszystkich - Mam bardzo palący Problem - TheShakers - 23-06-2011
to żeś mi pomógł...
Ale ja tu nie potrzebuję funkcji drag.
1. Wybierasz tło podkoszulka strzałkami. klikasz i się pojawia na dużej koszulce obrazek
2. pozostałe elementy tak samo(nie trzeba ich przesuwać itd, będą miały taki sam wymiar jak duży podkoszulek tylko z przezroczystością i będą już umiejscowione.
3. reszta tak samo
Po prostu po prawej wybierasz i się pokazuje na dużym podkoszulku, tylko jakoś żeby dało się kilka różnych warstw wstawić itp.
RE: Witam Wszystkich - Mam bardzo palący Problem - mateo - 23-06-2011
Można to zrobić zwykłym js'em. Zacznij pisać kod w razie problemu pisz tu i powoli będziemy Ci pomagać.
RE: Witam Wszystkich - Mam bardzo palący Problem - TheShakers - 23-06-2011
Ok. Potnę to i zakoduję normalnie w html
RE: Witam Wszystkich - Mam bardzo palący Problem - TheShakers - 23-06-2011
OK. Mam To...na tabelkach ;p
www.theshakers.pl
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table width="1024" border="0">
<tr>
<td width="660"><img src="koszulka.png" width="660" height="590" /></td>
<td align="center" valign="top">
<table width="350" border="0">
<tr>
<td width="175" height="270" align="center" valign="top" background="box.png"><img src="1.png" width="150" height="150" vspace="20" align="top" />
<table width="140" align="center">
<tr>
<td align="center" valign="top"><a href="#"><img src="lewa.png"/></a></td>
<td><a href="#"><img src="prawa.png"/></a></td>
</tr>
</table><table width="100" align="left" cellpadding="7" cellspacing="7"><tr><td align="left"><font color="#FFFFFF" face="Arial"><em>1/50</em></font></td></tr></table></td>
<td width="175" height="270" align="center" valign="top" background="box.png"><img src="2.png" width="150" height="150" vspace="20" align="top"/>
<table width="140" align="center">
<tr>
<td align="center" valign="top"><a href="#"><img src="lewa.png"/></a></td>
<td><a href="#"><img src="prawa.png"/></a></td>
</tr>
</table><table width="100" align="left" cellpadding="7" cellspacing="7">
<tr><td align="left"><font color="#FFFFFF" face="Arial"><em>1/50</em></font></td></tr></table></td>
</tr>
<tr>
<td width="175" height="270" align="center" valign="top" background="box.png"><img src="3.png" width="150" height="150" vspace="20" align="top" />
<table width="140" align="center">
<tr>
<td align="center" valign="top"><a href="#"><img src="lewa.png"/></a></td>
<td><a href="#"><img src="prawa.png"/></a></td>
</tr>
</table><table width="100" align="left" cellpadding="7" cellspacing="7">
<tr><td align="left"><font color="#FFFFFF" face="Arial"><em>1/50</em></font></td></tr></table></td>
<td width="175" height="270" align="center" valign="top" background="box.png"><img src="4.png" width="150" height="150" vspace="20" align="top" />
<table width="140" align="center">
<tr>
<td align="center" valign="top"><a href="#"><img src="lewa.png"/></a></td>
<td><a href="#"><img src="prawa.png"/></a></td>
</tr>
</table><table width="100" align="left" cellpadding="7" cellspacing="7">
<tr><td align="left"><font color="#FFFFFF" face="Arial"><em>1/50</em></font></td></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
RE: Witam Wszystkich - Mam bardzo palący Problem - mateo - 23-06-2011
Dawaj kod w znacznikach. Teraz dodaj zdarzenie onClick do strzałek, które będą wywoływały podmiankę dużej koszulki.