Witam bardzo serdecznie.
Jak uzyskać taki efekt jak z sliderem na stronie : http://www.brw.com.pl/inspiracje/?m=6,biuro-i-gabinet z tym sliderem ?
Jak na sliderze dodać takie znaczniki ? Do każdego zdjęcia trzeba pozycjonować ręcznie każdy guzik czy jest na to jakiś sposób ?
Pełna wersja: Black Red White/ czy tylko css?
Tak, ręcznie, nie ma innej opcji, chyba, że jesteś specjalistą od sieci neuronowych i rozpoznawania obrazów.
I jak chciał bym zrobić takie coś to miało by to wyglądać tak że:
Daje slidera.
Jak każdy slider ma tutaj jakieś obrazki
<img src="**" />
<img src="**2" />
I jeśli chce dodać gdzieś taki znacznik to w css tworze taki kwadracik i do diva jakiegoś i do odnośnika <a>
Póżniej pomiędzy obrazkami daje tego diva i nadaje mu <a style="top:15px">Więcej</a> i zrobić żeby na hover się rozsuwał. Dobrze rozumiem idee tego ?
Daje slidera.
Jak każdy slider ma tutaj jakieś obrazki
<img src="**" />
<img src="**2" />
I jeśli chce dodać gdzieś taki znacznik to w css tworze taki kwadracik i do diva jakiegoś i do odnośnika <a>
Póżniej pomiędzy obrazkami daje tego diva i nadaje mu <a style="top:15px">Więcej</a> i zrobić żeby na hover się rozsuwał. Dobrze rozumiem idee tego ?
Banalny przykład:
Kod
<style>
.znacznik{
position: absolute;
width: 10px;
height: 10px;
background-color: #000;
}
.znacznik .zawartosc{
display: none;
}
.znacznik:hover .zawartosc{
background-color: #fff;
width:50px;
height: 100px;
}
.znacznik:hover .zawartosc{
display: block;
}
</style>
<div style="position: relative;">
<img src="http://1b10a.blox.pl/resource/psyzeby.jpg">
<div class="znacznik" style="top: 100px; left: 200px;">
<div class="zawartosc">
jakaś długa treść....
</div>
</div>
</div>
.znacznik{
position: absolute;
width: 10px;
height: 10px;
background-color: #000;
}
.znacznik .zawartosc{
display: none;
}
.znacznik:hover .zawartosc{
background-color: #fff;
width:50px;
height: 100px;
}
.znacznik:hover .zawartosc{
display: block;
}
</style>
<div style="position: relative;">
<img src="http://1b10a.blox.pl/resource/psyzeby.jpg">
<div class="znacznik" style="top: 100px; left: 200px;">
<div class="zawartosc">
jakaś długa treść....
</div>
</div>
</div>
Czyli dokładnie jak myślałem. Wielkie dzięki 
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.