Hulp met website, alleen plaatje weergeven als er genoeg plek is

[Hij]

Hallo,

ik weet niet of dit geoorloofd is in off-topic, het heeft namelijk niks met Ubuntu te maken.

Ik ben bezig om een website opnieuw te schrijven. Het gaat om deze website: www.didgeri-doodle.nl

Ik heb die vorig jaar gemaakt, maar door de opgedane ervaring kwam ik erachter dat ik de site beter opnieuw kan schrijven.
Ik wil het uiterlijk hetzelfde houden, maar dan dus opnieuw schrijven zodat de site zich beter aan de standaard houd.

Op de site zie je rechts van de content blauwe voetjes die zich herhalen.
De voetjes zitten in het achtergrond plaatje van de content.
Dit heeft als nadeel dat als de content een bepaalde lengte heeft er op het einde nog een half plaatje van de voetjes word weergegeven.

Nu wil ik op de nieuwe site (nieuwe template voor joomla) dat de voetjes los staan van het achtergrond plaatje. Dit is geen probleem en is natuurlijk gelukt.
De voetjes moeten vervolgens herhaald worden op de pagina op dezelfde positie (dit is natuurlijk allemaal mogelijk met "position" in de css file).

Mijn vraag is dan of het mogelijk is om de voetjes te laten herhalen tot onderaan de content. Met rekening houden dat die alleen nog maar een heel plaatje weergeeft op het einde van de content, past dit niet, dan moet die geen plaatje weer geven.

Nu is mijn vraag of dit mogelijk is en of iemand me hier verder mee kan helpen. Ik hoef geen kant en klaar antwoord, maar een verwijzing naar een tutorial of een voorbeeld is al genoeg om mee aan de slag te gaan

Ik ben een beetje thuis in jQuery en ik verwacht dat dit wel mogelijk moet zijn met jQuery.

Alvast bedankt

[foxofinfinety]

dat kan via javascript, ik zou echter wel doen, indien geen javascript: niet weergeven (omdat als javascript uit staat het kan dat er dus niet genoeg ruimte is, maar dan kan je het niet controleren)

dat kan zo:

Code: (javascript) [Selecteer]

var ruimte_b = document.body.clientWidth;
var ruimte_h = document.body.clientHeight;

if((ruimte_h > "minimaale hoogte") && (ruimte_b > "minimale breedte")){
document.getElementById('footer').innerhtml="<img src='afbeelding.jpg'>";
}
indien je enkel een moet kan je een er uit halen, dus indien enkel hoogte krijg je dit:

Code: (javascript) [Selecteer]

var ruimte_h = document.body.clientHeight;

if(ruimte_h > "minimaale hoogte"){
document.getElementById('footer').innerhtml="<img src='afbeelding.jpg'>";
}


hiervoor moet je wel een lege <div> hebben met de ID footer (dus als <div id="footer"></div>) die moet leeg zijn, want anders haalt hij de bestaande inhoud er uit, mag ook een andere ID, maar dan de ID in getElementById('id') ook even veranderen.



btw, staat hier wel verkeerd, dus als een moderator/admin dit even kan verplaatsen...