Volledige versie bekijken : Diashow maken met enkel CSS3



compuchrisje
21 November 2015, 21:30
Een website met veel afbeeldingen toont zich makkelijker als je die afbeeldingen in een soort diashow kan zetten. Ik weet hoe je met behaviors om kan gaan als je in een tabel thumbnails zet die verwijzen naar de grotere versie in diezelfde tabel. Maar wàt doe je als je zo 20 afbeeldingen moet laten zien?
Ik heb al diverse tutorials gevolgd, maar de meeste - en ook best werkende - vragen altijd een Javascript, en dàt wil ik ook vermijden.
Iemand die overweg kan met Html 5 en CSS3?

Acid
29 November 2015, 06:27
http://cssslider.com/nl/ ;)

Merel
29 November 2015, 13:28
Ho-Ho_Ho
Kerstvrouw Chrisje brengt Soon een Slide Show uit op een niet nader gepreciseerde website ?

compuchrisje
29 November 2015, 21:45
Bedankt Acid, maar die heb ik uitgeprobeerd. Het grootste probleem is dat niet alle afbeeldingen dezelfde formaten/verhoudingen hebben. 't Gaat om kunstwerken en die wil de maker wel liefst volledig laten bewonderen. Voorlopig doen we het met Wowslider, maar die eigent zich meteen al het auteursrecht van de afbeeldingen toe.
Ik lijk nog geen inzicht te hebben in de verhoudingen tussen zichtbaar venster en de 'hidden' secties en hun respectievelijke afmetingen.
Probleem met Wowslider is, dat ik bij het toevoegen van een nieuwe afbeeldingen geen achtergrondopvulling meer krijg en de plaatjes maar half meer in het showvenster worden getoond.
@merel: leuk geprobeerd, maar op dit moment staat er niks op stapel hoor. De slide show waar ik het hier over heb staat trouwens in de sectie Sitecheck.

eplerra
8 December 2015, 18:33
Misschien kan dit hier (http://blog.templatemonster.com/2013/05/30/free-html5-sliders/) helpen. Op deze blog staan er veel nuttige tutorials & tips. Zelf werk ik met bootstrap maar daar wordt wel Jquery gebruikt. Veel succes.

compuchrisje
8 December 2015, 20:27
Bedankt Eplerra, ééntje uit die lijst had ik dus al gebruikt. Vooral omdat ik daar het venstergrootte kon aanpassen. Ik heb de eigenaar van de website gevraagd of hij het ervoor over had om te betalen voor Wowslider, ik wacht nog op een antwoord (artiesten hé), dan is ook meteen dat logo weg.
Natuurlijk zou pure CSS en zeker met HTML5 nog beterder-der zijn.

eplerra
9 December 2015, 14:58
Bootstrap is anders wel gratis en gemakkelijk in gebruik. Deze (http://www.vonst.be) site heb ik ermee gemaakt.

eplerra
9 December 2015, 15:54
Misschien kan dit (https://www.udemy.com/projects-in-css/&couponCode=CHRISTMAS15/?utm_content=promo&utm_campaign=2015-12-09&utm_source=email-sendgrid&utm_term=598757&utm_medium=427530) ook helpen. Udemy houdt kerstacties voor hun opleidingen. De sectie 4 gaat over slide shows maken enkel met CSS. Prijs: 7 US-dollar of 9 euro.
"Use Coupon Code - CHRISTMAS15"