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

Webprogrammeren & scripting

foto pop-up script

bierk
3 antwoorden
  • Wie kan mij helpen aan een foto pop-up script? Ik wil dat als iemand een thumbnail aanklikt deze foto in een pop-up scherm (vergroot) wordt weergegeven. Ik heb al e.e.a. gedownload qua scripts maar ze doen geen van allen wat ik wil.

    Is er iemand die zoiets voor mij kan schrijven?

    Het moet iets zoals onderstaand worden maar dan niet menugestuurd maar thumbnail gestuurd.

    <SCRIPT language="JavaScript">
    function display_image(form) {
    selectionname = form.imagename.options[form.imagename.selectedIndex].text;
    selection = form.imagename.options[form.imagename.selectedIndex].value;
    PreView = window.open("", "Preview", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,copyhistory=0,width=200,height=220");
    PreView.document.open();
    PreView.document.write("<HTML><HEAD>");
    PreView.document.write("<TITLE>Preview</TITLE>");
    PreView.document.write("</HEAD><BODY BGCOLOR=000000 TEXT=00FF00>");//verander hiervoor de kleuren
    PreView.document.write("<FORM><CENTER><B><FONT SIZE=+1>" +
    selectionname + "</FONT></B><HR>");
    PreView.document.write("<IMG HSPACE=0 VSPACE=0 " +
    "SRC='" + selection + "'>");
    PreView.document.write("<HR><FORM><INPUT TYPE='button' VALUE='Close' " +
    "onClick='window.close()'></FORM>");
    PreView.document.write("</CENTER>");
    PreView.document.write("</BODY></HTML>");
    PreView.document.close();
    }
    </SCRIPT>


    <FORM>
    <p align="center">
    <select NAME="imagename" onChange="display_image(this.form)">
    <!– verander hieronder de url van de plaatjes die je wilt tonen –>
    <option value="http://www.leejoo.nl/images/1.gif" SELECTED>Image 1
    <option value="http://www.leejoo.nl/images/2.gif">Image 2
    <option value="http://www.leejoo.nl/images/3.gif">Image 3
    <option value="http://www.leejoo.nl/images/4.gif">Image 4
    <option value="http://www.leejoo.nl/images/5.gif">Image 5
    <option value="http://www.leejoo.nl/images/6.gif">Image 6
    <option value="http://www.leejoo.nl/images/7.gif">Image 7
    </select>
    </FORM>

    Alvast bedankt
    Jordi :oops:
  • ergens in head:

    [code:1:ea9f26d11b]
    <SCRIPT TYPE="text/javascript">
    <!–
    function popup(mylink, windowname)
    {
    if (! window.focus)return true;
    var href;
    if (typeof(mylink) == 'string')
    href=mylink;
    else
    href=mylink.href;
    window.open(href, windowname, 'width=300,height=500,scrollbars=no');
    return false;
    }
    //–>
    </SCRIPT>[/code:1:ea9f26d11b]

    pas 300 en 500 aan naar hoe groot je m wilt hebben

    en de thumb:

    [code:1:ea9f26d11b]<a href="images/plaatje.jpg" onClick="return popup(this, 'foto')"><img src="plaatje.jpg" border="0"></a>[/code:1:ea9f26d11b]
  • Mijn popup code komt hier vandaan.
    Met javascript is het een popup, zonder opent het in het zelfde venster.

    Hier nog een praktijk voorbeeld.

    wimb

Beantwoord deze vraag

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