Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

bewegende achtergrond in dhtml... omdat het niet anders kan

Eddi3
27 antwoorden
  • Ok het kan dus niet in flash mx maar ik wil wel heel graag een animatie kom niet met een of andere verwijzing ben gister 3 uur wezen serven met dit probleem dus heb ik hulp nodig van jullie in de zin van kant en klare code.

    Ik wil een balkje op de achtergrond naar beneden laten bewegen over de achtergrond. Op de voorgrond moet gewoon tekst komen. Dat balkje dat naar beneden beweegt wordt een gifje denk ik.

    Dus een gifje dat naar beneden beweegt en daarna weer opnieuw begint vanaf boven enz. Het moet bewegen achter de tekst dit is dus het probleem heel graag een bruikbaar antwoord en geen links of zoektips!
  • Ik had het al gezegd, maar even om je geheugen op te frissen :) :

    Gebruik layers… Gebruik de code zoals ik die eerder al gegeven heb, maar maak de achtergrond dan niet 100% x 100% maar de hoogte en breedte van het plaatje. Vervolgens kun je met KLayers - hé, die heb ik pas geleden ook al zien staan - vast een mooie cross-browser animatie maken. Gewoon een JavaScriptje maken dat een loop doorloopt met een timeout en vervolgens telkens de layer een pixel naar beneden plaatst. Check elke loop of het plaatje buiten de resolutie is gevallen, zo ja: begin weer bij 0. Hopelijk werkt dit dan wel. Overigens ben ik niet zo'n kei in het programmeren in JavaScript, vandaar dat ik je alleen de grote lijnen vertel, anders had ik je graag wat exacter geholpen.

    - Basje.
  • dat layer gedeelte had ik gedeeltelijk al bedacht wel handig om die ene layer de grootte van het plaatje te geven. Nu alleen nog dat javascriptje
  • Ik snap dat klayers nog niet helemaal kan iemand mij heel misschien alsjeblieft de hele code geven
  • [quote:c4d7c8fb26="termin8or"]Ik snap dat klayers nog niet helemaal kan iemand mij heel misschien alsjeblieft de hele code geven[/quote:c4d7c8fb26]Is dat een scriptrequest? :roll:

    - Basje.
  • een beetje wel, mag dat niet dan?
  • ok ik heb gelezen dat dat niet mag. Zou iemand mij dan de bovenstaande dingen nog kunnen toelichten
  • Kijk anders even naar dit voorbeeld. Het is niet makkelijk, dat geef ik toe, maar met een beetje aanpassen zou het best eens kunnen werken. Nogmaals: van programmeren in JavaScript heb ik weinig kaas gegeten, helaas.

    En ik had nog een idee: kan je misschien <marquee> gebruiken? Die plaats je dan op de achterste layer, en laat je verticaal verplaatsen… Ik weet alleen niet of dat ook door dit element ondersteund wordt.

    - Basje.
  • Kijk anders ook even hier:[list:56e4e25813]
    [*:56e4e25813]http://members.aol.com/grassblad/dHTML/scrollDiv.html
    [*:56e4e25813]http://www.dynamicdrive.com/dynamicindex2/cmarquee2.htm
    [*:56e4e25813]http://www.projectseven.com/extensions/info/vscroller/
    [/list:u:56e4e25813]Overigens allemaal gevonden met Google

    - Basje.
  • hoe zorg ik dat hij verticaal verplaatst
  • nm
  • ik heb al het een en ander geprobeerd ik kan m nu laten bewegen ik kan alleen nog geen afbeelding invoegen misschien gebruik ik de verkeerd tag?
    [code:1:9bc908af62]var marqueecontents='<img src="mijn documenten\logo.gif">'[/code:1:9bc908af62]
  • Was dit toch bijna een scriptrequest…. :roll:

    maargoed,
    try this:
    var marqueecontents='plaatjes/logo.gif'

    wel ff map "plaatjes" aanmaken…

    t.
  • [quote:09a0910c64="teacher"]Was dit toch bijna een scriptrequest…. :roll:


    t.[/quote:09a0910c64]

    foutje


    [quote:09a0910c64]maargoed,
    try this:
    var marqueecontents='plaatjes/logo.gif'

    wel ff map "plaatjes" aanmaken…[/quote:09a0910c64]

    werkt niet dan komt de volgende tekst: plaatjeslogo.gif over het scherm rollen mmm
  • Kan je misschien de code ff plakken? En dan graag tussen en . :-?

    - Basje.
  • [code:1:eddc5baaeb]<script language="JavaScript1.2">

    //Specify the marquee's width (in pixels)
    var marqueewidth=400
    //Specify the marquee's height
    var marqueeheight=310
    //Specify the marquee's scroll speed (larger is faster)
    var speed=2
    //Specify the marquee contents
    var marqueecontents='plaatje\logo.gif'

    if (document.all)
    document.write('<marquee direction="down" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')

    function regenerate(){
    window.location.reload()
    }
    function regenerate2(){
    if (document.layers){
    setTimeout("window.onresize=regenerate",450)
    intializemarquee()
    }
    }

    function intializemarquee(){
    document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
    document.cmarquee01.document.cmarquee02.document.close()
    thelength=document.cmarquee01.document.cmarquee02.document.height
    scrollit()
    }

    function scrollit(){
    if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
    document.cmarquee01.document.cmarquee02.top-=speed
    setTimeout("scrollit()",100)
    }
    else{
    document.cmarquee01.document.cmarquee02.top=marqueeheight
    scrollit()
    }
    }

    window.onload=regenerate2
    </script>


    <ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">
    <layer name="cmarquee02" width=&{marqueewidth}; height=&{marqueeheight};></layer>
    </ilayer>[/code:1:eddc5baaeb]

    dit is m
  • Vervang
    [code:1:1e43e4905c]
    var marqueecontents='plaatje\logo.gif'
    [/code:1:1e43e4905c]
    eens door
    [code:1:1e43e4905c]
    var marqueecontents='<img src="plaatje/logo.gif">'
    [/code:1:1e43e4905c]
    Ed
  • he ed ik wil niet flauw zijn maar lees eerst ff alles voordat je met zoiets komt

    [quote:7199c304f5]ik heb al het een en ander geprobeerd ik kan m nu laten bewegen ik kan alleen nog geen afbeelding invoegen misschien gebruik ik de verkeerd tag?
    [code:1:7199c304f5]var marqueecontents='<img src="mijn documenten\logo.gif">'[/code:1:7199c304f5] [/quote:7199c304f5]

    maar toch bedankt :wink:
  • Niet zo snel, termin8or, want Eddi3 had wel degelijk gelijk. Je moet namelijk ten eerste maar geen spaties gebruiken in bestandsnamen of mappen op het internet, en ten tweede moet je slashes (/) ipv backslashes (\) gebruiken. En dan werkt het, heb het namelijk net ff getest.

    - Basje.
  • als ik [code:1:ba8cbbad3c]var marqueecontents='<img src="logo.gif"></img>'[/code:1:ba8cbbad3c] doe doet hij het nog niet eens

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.