tekst bij slider

Status
Niet open voor verdere reacties.
P

Pellekaart

Gebruiker
Lid geworden
25 jun 2012
Berichten
48
Ik ben bezig een slider te maken zoals bijvoorbeeld deze:

http://cssdeck.com/labs/imageslider-button

De tekst staat in dit geval in de foto, is dus onderdeel vd foto.
Ik wil deze graag buiten de foto (of op de foto) van de slider plaatsen en kunnen stylen in CSS.
Dus ook de positie kunnen bepalen van de tekst.
Elk (slider) beeld/foto heeft zijn eigen tekstje.

Heeft iemand een idee hoe ik dit eenvoudig kan integreren in de imageslider?

groeten PEllekaart
 
Dag gast0660,

Bedankt voor jouw reactie.

Mijn bedoeling is om naast of bij elke foto die in de slider zit een foto-bijschrift te maken, een tekstelement dus.
Elke foto in de slider heeft zijn eigen fotobijschrift dus.

In jouw voorstel 'met iframes', zal ik dus moeten kijken hoe ik iframe in die slider moet gebruiken ;)
In het bovenstaande voorbeeld van de slider is de tekst in het plaatje verwerkt en niet te 'editten'.
Tekst is in dat geval .jpg geworden.

Ik ga zelf ook eens kijken naar de mogelijkheid om de tekst in een 'Span' te laten meelopen?

groeten Pellekaart
 
Laatst bewerkt:
Ik heb het volgens mij gevonden.
Heel simpel eigenlijk.
Naast img src plaats ik een <h2> met tekst! , en deze positioneer ik in CSS.

Dit gaat prima nu, nu nog even testen..
Het lijkt soms veel moeilijker dan het is ;)

Hieronder voorbeeld uit de slider:

<body>
<div class="container">
<div class="slider_wrapper">
<ul id="image_slider">
<li><img src="EerstePlaatjevdSlide.jpg"></li ><h2>Deze tekst loopt met het beeld mee</h2></li>
<li><img src="TweedePlaatjevdSlide.jpg"></li>
 
:thumb:

De tekst van de foto is wel begrensd aan het foto-formaat vd slider volgens mij.
Ik zie nog geen mogelijkheid om de tekst naast de sliderfoto te plaatsen.

Maar ik moet het hier maar mee doen denk ik.

Pellekaart
 
Met zo min mogelijk aanpassingen: http://cssdeck.com/labs/wuheurme

1. img element werd gewrapped in een figure element met figcaption
2. hoogte van wrapper werd aangepast om ruimte voor de caption te voorzien
3. figcaption css styling toegevoegd

Geen javascriptwijzigingen

[EDIT]ondertussen was je er zelf al bijna uit zie ik nu :p[/EDIT]
 
Laatst bewerkt:
Ik denk dat ik nu ook een oplossing heb om de tekst naast de foto te laten verschijnen in de slide!
Het idee is om de container waarbinnen de foto's 'sliden' een inspringing te geven, met padding?
De tekst positioneer je dan in het gedeelte naast de padding. (zonder padding)
Nu nog kijken of ik dit voor elkaar krijg.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan