| Autor | Zpráva | ||
|---|---|---|---|
| Dospíšil Profil |
#1 · Zasláno: 6. 5. 2011, 21:33:34
1)Mám řadu obrázků v miniaturách vedle sebe a chci, aby se po kliknutí (na miniaturu) zobrazila ve větším poli na vytýčené pozici pod nimi ve větším formátu. Při kliknutí na jinou miniaturu, aby ta první zmizela z toho velkého pole a zobrazila se v něm právě tato. Nechci ale používat nové okno (postrádá estetiku) ani lightbox a podobné -boxy. Chci, aby se to zobrazilo "zvětšené" na místě, které určím pozicováním. Dá se tohle nějak řešit?
2)Jak udělat, aby při otevření stránky byl vždy v tom velkém poli pod miniaturami dole zobrazený ten obrázek, který je na první miniatuře zleva nebo při návratu z jiného odkazu sem aby tam byl ten, který jsem otevřel naposledy, tedy, aby tam nikdy nebylo holé pozadí. Jsem čerstvý začátečník, zatím si tohle nedokážu ani představit. Neměl by na mě někdo chvilku času? Děkuji. |
||
| ra100 Profil * |
napr -
na ukážku 3 obráyky a linky k nim : <div id="wiew">
<div id="pic1">
<img src="a1.JPG" width="" height="" alt="" title="" />
</div>
<div id="pic2">
<img src="b1.JPG" width="" height="" alt="" title="" />
</div>
<div id="pic3">
<img src="c1.JPG" width="" height="" alt="" title="" />
</div>
</div>
<!-- Prvy DIV z malimi obrazkami - html -->
<div id="present">
<ul>
<li><a href="#pic1"><img src="a.JPG" alt="" title="" /></a></li>
<li><a href="#pic2"><img src="b.JPG" alt="" title="" /></a></li>
<li><a href="#pic3"><img src="c.JPG" alt="" title="" /></a></li>
</ul>
</div>
css -
#wiew {
width: 600px;
height: 600px;
margin-left: 585px;
position: absolute;
overflow: hidden;
}
#wiew div {
width: 448px;
height: 448px;
border-top: 5px solid #FFFFFF;
}
/* Koniec - Zobrazovaci panel prezentacie obrazkov CSS */
/* Prvy DIV z malimi obrazkami CSS */
#present {
width: 300px;
height: 66px;
margin-top: 455px;
margin-left: 100px;
position: absolute;
background: none;
}
#present ul {
list-style: none;
}
#present ul li {
float: left;
margin-left: 14px;
position: relative;
}
#present ul .li1 {
margin-left: 0;
}
#present ul li a {
display: block;
}
#present ul li img {
padding: 2px 1px 2px 1px;
}ako začiatočník v tom budeš mať asi hokej. ... Moderátor panther: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na
 ). |
||
| ra100 Profil * |
#3 · Zasláno: 6. 5. 2011, 23:20:45
predpokladám, že máš na mysli niečo takéto -
http://inoutdesign.eu/interier/interier.html |
||
| Dospíšil Profil |
#4 · Zasláno: 7. 5. 2011, 10:50:29
Presne tohle jsem mel na mysli. Nebyl jsem schopnej si to ale v hlave poskladat. Diky moc, mam na pul dne zabavy.
|
||
|
Časová prodleva: 13 let
|
|||
0