Popup voor FOTO`s (new)
Plaats onderstaande code in 'wijzig mijn profiel' (Rechtsboven op HTML klikken en daar de code plakken)
<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=F5C47F TEXT=E55F40>");//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)" style="font-size:10pt;font-Weight=bold;font-family:Verdana;color:#F5C47F
;background-color:#E55F40">
<option value="Plaats hier de gewenste afbeeldings-URL" SELECTED>Foto 1
<option value="Plaats hier de gewenste afbeeldings-URL">Foto 2
<option value="Plaats hier de gewenste afbeeldings-URL">Foto 3
<option value="Plaats hier de gewenste afbeeldings-URL">Foto 4
</select>
</FORM>
Met de groene code kun je het lettertype veranderen.
Met de paarse code kun je de kleur van het lettertype veranderen.
Met de blauwe code kun je de achtergrondkleur veranderen.
Je kunt zelf de gewenste hoeveelheid foto's toevoegen. Bovenstaande code bestaat uit 4 foto's. Meer foto's gewenst? Plaats dan <option value=''Plaats hier de gewenste afbeeldings-URL''>Foto 5 tussen <option value=''Plaats hier de gewenste afbeeldings-URL''>Foto 4 en </select>. Wil je nog meer foto's toevoegen? Herhaal bovenstaande uitleg.
PS: de foto's openen in een nieuw venster.
Liefs moo89
reacties (0)