zakulacene rohy obrazku

[pajacz17]

Ahoj, nevite nekdo jak udelat zakulaceny rohy obrazku? Udelal jsem div velikosti fotky a vlozil mu border radius. Pote jsem mezi div dal element img a vlozil obrazeka doufal, ze se zobrazi zakulaceny. Jeste jsem divu nastavil overflow hodnotu hidden. Bohuzel to nefunguje a jeste se ten div nejak roztahl prito velikost manastavenou jako obrazek. Nevite co delam spatne, nebo to je blby postup? Kdyz dam background image tak obrazek funguje, ale jako pozadi coz nechci. Diky za rady.

[Reklama]

[d1amond]

Zakulať ty rohy přímo v obrázku - uprav si to v nějakém editoru.
Proč se Ti natáhl div nevím, neznám Tvůj css.

[LuCaCZ]

http://jecas.cz/kruhovy-obrazek

[CZechBoY]

Hoď ten border-radius přímo na obrázek. Pokud nebude fungovat tak zkus ještě nastavit

Kód: Vybrat vše

border: 1px none transparent

třeba pude

[pajacz17]

Díky, vložil jsem to přímo pro element img a funguje to. Ještě když jsme u obrázků, nevíte někdo, jak udělat takové to prohlížení fotek, kde fotka se zobrazuje vycentrovaná a s černým rámečkem okolo a na další fotky se přechází pomocí šipek na monitoru?

[CZechBoY]

lightbox

[pajacz17]

Díky, stáhnul jsme si nějaký lightbox verze 2.0, ale nevidím nikde šipky pro přechod na další snímky. Vždy se zobrazí jen jedna fotka. Nemáte někdo odkaz a zkušenosti s nějakým dobrým lightboxem? Co jsem si o tom přečetl, existuje asi víc verzí a není moc doporučovaný. Nevím proč, ale mě se toto zobrazení fotek líbí víc než klasické zobrazení v prohlížeči. díky

[LuCaCZ]

nejnovější lightbox je ve verzi 2.7.1 ke stažení zde: http://lokeshdhakar.com/projects/lightbox2/

a abys měl fotky jakoby galerii/albu/setu tak musíš ke každému odkazu přidat atribut "data-lightbox" s názvem galerie

Kód: Vybrat vše

<a href="img/image-1.jpg" data-lightbox="album1">Image #1</a>
<a href="img/image-2.jpg" data-lightbox="album1">Image #2</a>
<a href="img/image-3.jpg" data-lightbox="album1">Image #3</a>

<a href="img/image-4.jpg" data-lightbox="obrazek4">Image #4</a>
<a href="img/image-5.jpg" data-lightbox="obrazek5">Image #5</a>
<a href="img/image-6.jpg" data-lightbox="obrazek6">Image #6</a>  

takto budou obrázky 1-3 v jedné galerii a 4,5,6 budou každý samostatně

[pajacz17]

Diky, funguje to. Prosim, atribut rel s hodnotou lightbox se psat nemusi? Nekde jsem cetl neco o lightboxu a tam prave uvadeli atribut rel. Jeste mam problem, ze v ie vyskakuje okno z duvodu ochrany zabezezpeceni zakazala aplikace ie teto web. strance spustit skripty........... kdyz dam povolit tak lightbox funguje, jinak ne. Dase to nejak nastavit aby to povolovalo skripty hned? Diky

[CZechBoY]

Záleží jak to budeš selectovat, můžeš použít class, id, nebo jen jméno tagu...

[LuCaCZ]

rel se používalo ve starších verzích. Ale mám dojem, že nové verze jsou stále kompatibilní, takže se může použít taky.