Hi stageplek 😉
’t is maar net hoe je dit probleem opknipt…om er grip op te krijgen.
1. Deze moet links in de sidebar (widget) komen.
>> De plaatsing van de slider kan op een aantal manieren:
- met behulp van CSS -relatief ‘moeilijk’; maar met maximale controle
- met behulp van een ‘slider-widget’; eenvoudig[er] doorgaans met voldoende controle
- op andere wijze…
Het gebruik van een slider-plugin die zich netjes in een widget laat vatten heeft dus de absolute voorkeur!
== == == hoe moet het er uit zien…
2. Er moeten minimaal 4 logo’s van boven naar beneden sliden/faden.
Dit is een omschrijving die nog wat vragen oproept…;)
Bedoel je bijvoorbeeld…
- 1 set van 4 afbeeldingen, tegelijk vertikaal in sidebar getoond, die regelmatig alle vier tegelijk wisselen
- 1 set van 4 afbeeldingen; 1 afbeelding tegelijk getoond in sidebar, die regelmatig wisselt
- anders…
Geef even iets meer info zodat een meer concreet advies mogelijk is…;)
== == ==
Voor wat voorbeelden… kijk eens naar bijv.
Bedankt voor de reactie Ginfo.
Ik moet misschien inderdaad want concreter zijn.
Voor vraag 1:
Ik ben er van bewust dat je met CSS of via de instellingen de widget van plaats kan veranderen, maar ik probeerde duidelijk te zijn van waar de slider precies moest komen te staan.
Voor vraag 2:
Ik maak dus een website voor een klant die het moet doen van zijn sponsors. En de klant heeft graag dat de sponsors logo’s duidelijk op elke pagina komen. Nu kan ik dit wel oplossen door een plugin te downloaden en deze bovenaan of onder in de pagina te plaatsen maar dit is niet mooi en omdat ik nog lege ruimte heb aan de linker kant past dit mooi.
Hoe ik het graag zie is vier logo’s verticaal in een kolom. De logo’s sliden (of faden) dan naar links. Het is natuurlijk mooier als er per afbeelding word geslide (dus vier afbeeldingen, afbeelding 1 slide en afbeelding 2,3 en 4 blijven staan. afbeelding 2 slide en afbeelding 1,3 en 4 blijven staan. enzovoort).
Ik hoop hier mee een duidelijk beeld te kunnen geven.
Je kan dit op verschillende manieren oplossen hier twee opties [er zijn er vast meer…]
Optie 1
- maak 4 aparte sliders
- stop in elk van de sliders precies die zaken die je wilt laten zien
- je mag valsspelen en hetzelfde plaatje meerdere malen tonen // de tijdsinterval aanpassen van elk plaatje
- plaats de sliders in de sidebar en ‘pruts’ net zo lang tot het gewenste resultaat wordt bereikt [ik weet niet hoe lang je stage duurt…;)]
Optie 2 [vermoedelijk eenvoudiger…]
- Gebruik een GRAFISCH PROGRAMMA bijv. GIMP [gratis]oid -vraag systeembeheerder of werk thuis??-
- maak een nieuwe afbeelding met de volgende kenmerken:
- !!!!transparante ondergrond [in te stellen direct bij het aanmaken van een nieuwe afbeelding!!
- max. breedte afbeelding= breedte sidebar [liefst ~10px smaller]; dan weetje zeker dat ’t straks gaat passen…;)
- hoogte maakt niet zo heel veel uit; max. hoogte van ‘content-area’
>> je hebt nu een transparante afbeelding met de breedte van de sidebar en de hoogte van de content-area [bijv 800px]
ga pas verder als bovenstaande gelukt is
== == == voorbewerken afbeeldingen
Maak de reeks van afbeeldingen gereed dwz.
- Zorg dat alle afbeeldingen dezelfde BREEDTE krijgen mbv SCHALEN; !!Zorg dat de hoogte automatisch wordt aangepast [ketting-icoon moet AAN=gesloten staan]
Zo gaat de boel passen en zijn de plaatjes in verhouding…
- plaats nu één-voor-één plaatjes op zijn plaats
Je bent vrij om de tussenruimte zelf te bepalen… transparante ondergrond… dus geen probleem
- slide 1: plaatje 1-2-3-4 dit is de startpositie
- sla op als ‘slide1.png’ !!!opgelet opslaan als PNG om transparantie van de ondergrond te bewaren!!!!!!
- slide 2: verander de eerste slide naar wens…
plaatje 1-2a-3-4 >> sla op als slide2.png
- slide 3: verander 1-2-3a-4sla op als slide3.png
- slide 4: verander 1-2-3-4a sla op als slide4.png
== == ==
Dit kan natuurlijk op verschillende manieren / volgordes…
bijv I=1-2-3-4 //II=2-3-4-1 //III=3-4-1-2 // IV=4=1=2=3 zo ‘loopt elk logo van boven naar beneden…’
alle afbeeldingen opgeslagen?
- Plaats ze nu in een wordpress slider en voer de tijd en fading in…
Zie bovenstaande links als voorbeelden… er zijn meer opties…
Mocht ik je verkeerd hebben begrepen… vraag gerust
