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)

Random image mogelijk alleen met css?

InZane
10 antwoorden
  • Hallo,

    Ik heb een website waarop op mijn openingspagina een gif-animatie wordt getoond, zie www.timloto.org

    Nou zou ik graag willen dat de animatie random uit een database van animaties wordt getoond zodat het voor terugkerende bezoekers meer afwisseling geeft.

    Ik heb gezien dat dit wel mogelijk is met javascript, ik zou het alleen willen via css. Weet iemand of dit mogelijk is?


    Met vriendelijke groeten,

    W.Tulp
  • Hoe wilde je precies met JavaScript met de server connectie maken? (Zonder server-side JS uiteraard, welke uitgestorven is afaik.)
  • ik weet niet of ik je hiermee help, maar ik heb wel eens websites gezien die steeds een andere welkomstzin gaf. toen ik in de bron keek, zag ik dat er een hele hoop zinnen, genummerd, in css stonden, en met een of andere korte coderegel werd er steeds een van die uitgepikt om weer te geven.
    ik zoek voor je, maar ben bang dat ik die site niet meer kan vinden…

    succes
  • Zucht… CSS is voor presentatie, niets meer en niets minder. Het is [i:e64cf44c2f]niet[/i:e64cf44c2f] mogelijk om er mee te programmeren en dus ook niet mogelijk om een database aan te spreken. JavaScript komt al meer in de buurt van wat je wil, maar kan nog steeds geen verbinding maken met een database. Je zult dus toch echt aan een server side oplossing moeten denken.

    - Bas
  • Dit is de source van het script.
    http://www.wistudat.net/includes
    emote.php
    Het server-side gedeelte zorgt hier voor de random zin.

    Met javascript zou je eventueel nog een collectie van plaatjes kunnen hebben, waaruit je er een random kiest.

    Met css is iig nog niet mogelijk wat jij wil. Ik heb eigenlijk ook niet helemaal een idee wat je precies wil.
  • Het eerste plaatje komt altijd wanneer je de site bezoekt.

    Ik zou het dus zo willen hebben dat het plaatje telkens anders is, binnen een bepaalde hoeveelheid afbeeldingen, wanneer je de site bezoekt.



    Met vriendelijke groeten,

    W. Tulp
  • daar zal je toch echt scripting voor moeten gebruiken.
    met php (server side) en JS (client side) zet je een aantal afbeeldingen in een array, en daar kies je er random eentje uit…

    Met alleen CSS kan het niet.

    t.
  • Zoiets dergelijks zou je met javascript kunnen doen:
    [code:1:14b9e394ae]
    var plaatjes=['plaatje1.jpg','plaatje2.jpg','plaatje3.jpg','plaatje4.jpg'];
    var variatie=Math.floor(Math.random()*plaatjes.length-0.00001);
    document.write('<img src="'+plaatjes[variatie]+'">');
    document.close();
    [/code:1:14b9e394ae]
  • :D Je kunt naast javascript , misschien ook een gratis applet ophalen die dit werk voor je doet.

    CSS gaat wel maar dan alleen in combi met een scripttaal zoals javascript of vbscript, dit heet dan DHTML.
    Dit is wat ingewikkelder, ik zou eens een applet proberen.

    Hier een aantal links waar je ze zo gratis kunt ophalen.

    http://home.wanadoo.nl/java.script/
    http://www.javafile.com/menuing.php
    http://www.codelifter.com/main/java/
    http://www.pikeus.freeserve.co.uk/applets/
    http://www.javafile.com/menuing.php

    :wink: :wink: :wink:
  • ik zou dus [b:1d0f7fb09c]geen[/b:1d0f7fb09c] applets nemen; die vertragen echt als de nete…

Beantwoord deze vraag

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