Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Witam Wszystkich - Mam bardzo palący Problem
#1
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 Wink
[Obrazek: 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 Wink
Bardzo proszę o pilną pomoc.
PS: To dla mnie ;p
Odpowiedz
#2
Pokaż swój kod.
Odpowiedz
#3
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.
Odpowiedz
#4
PRZYJACIELE KOLEDZY NIE MAM KODU, ja jestem grafikiem...jakbyście pomogli byłbym naprawdę wdzieczny - ewentualnie grafika komuś ;]
Odpowiedz
#5
Spoko mogę pomóc. 600zł. Edit: 1600zł Smile
Odpowiedz
#6
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.
Odpowiedz
#7
Można to zrobić zwykłym js'em. Zacznij pisać kod w razie problemu pisz tu i powoli będziemy Ci pomagać.
Odpowiedz
#8
Ok. Potnę to i zakoduję normalnie w html
Odpowiedz
#9
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>
Odpowiedz
#10
Dawaj kod w znacznikach. Teraz dodaj zdarzenie onClick do strzałek, które będą wywoływały podmiankę dużej koszulki.
Odpowiedz


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl