foto's op website plaatsen

Status
Niet open voor verdere reacties.

amieke

Gebruiker
Lid geworden
10 okt 2007
Berichten
6
Hallo,
Kan iemand mij vertellen hoe ik foto's en afbeeldingen op een website plaats. Ik had een plaatje via google opgeslagen in mijn afbeeldingen maar krijg het niet op de website.

Ook wil ik een kalender plaatsen op de site. Heb er een gemaakt via youreon.nl maar hij werkt alleen als je een link op de site zet, maar wil graag de kalender zelf op de site zetten.

Gr Amieke
 
om een foto te plaatsen:

<img src="img/foto1.JPG" width="230" height="192">

img is de map waar de foto in staat.
dan / fotonaam met extensie. daar achter kan je de grote nog bepalen

als je een kalender op je site wil moet je de codering in je eigen html page verwerken
Ga een naar www.leejoo.nl en daar kan je op zoeken drukken. dan op kalender zoeken. vind je leuke dingen voor je site.
Code:
<div align="center">
  <center>
  <table border="0">
    <tr>
      <td><script language = javascript>
var now = new Date();
var month_array = new Array("januari","februari","maart","april","mei","juni","juli","augustus","september","october","november","december");
document.write("<form name=date_list><table bgcolor=#CCFFCC><tr><td>");
document.write("<select name=month onchange=change_month(this.options.selectedIndex)>");
for(i=0;i<month_array.length;i++)
{
 if (now.getMonth() != i)
 {document.write ("<option value="+i+">"+month_array[i]);}
 else
 {document.write ("<option value="+i+" selected>"+month_array[i]);}

}
document.write("</select>");
document.write("</td><td>");
document.write ("<select name=year onchange=change_year(this.options[this.options.selectedIndex])>");
for(i=2000;i<2100;i++)
{
 if (now.getFullYear() != i)
 {document.write("<option value="+i+">"+i);}
 else
 {document.write("<option value="+i+" selected>"+i);}
}
document.write("</select></td></tr><tr><td colspan=2><center>");

document.write("<table bgcolor=white border=0 cellspacing = 0 cellpading = 0 width=100% ><tr bgcolor=#FFFFFF align=center>");
document.write("<td><font color=silver>M</font></td><td><font color=silver>D</td><td><font color=silver>W</td><td><font color=silver>D</td><td><font color=silver>V</td><td ><font color=silver>Z</td><td ><font color=silver>Z</td>");
document.write("</tr><tr>");
for(j=0;j<6;j++)
{
 for(i=0;i<7;i++)
 {
   document.write("<td align=center><div id=d"+i+"r"+j+"></div></td>")
 }
 document.write("</tr>");
}

document.write("</table>");

document.write("</center></from></td></tr></table>");

var show_date = new Date();

function set_cal(show_date)
{
begin_day = new Date (show_date.getFullYear(),show_date.getMonth());
begin_day_date = begin_day.getDay();
end_day = new Date (show_date.getFullYear(),show_date.getMonth()+1);
count_day = (end_day - begin_day)/1000/60/60/24;
if (begin_day.getMonth() == 2) count_day = 31;
else
if (begin_day.getMonth() == 9) count_day = 31;
input_table(begin_day_date,count_day);
}
set_cal(show_date);

function input_table(begin,count)
{
init();
j=0;
if (begin!=0){i=begin-1;}else{i=6;}
for (c=1;c<count+1;c++)
{
 colum_name = "d"+i+"r"+j;
 colum_name = document.getElementById(colum_name);
 if ((now.getDate() == c)&&(show_date.getMonth() == now.getMonth())&&(show_date.getFullYear() == now.getFullYear())) {colum_name.style.backgroundColor = "red";colum_name.style.color = "white";}
 colum_name.innerHTML =  c;
 i++;
 if (i==7){i=0;j++;}
}
after_init();
}

function init()
{
for(j=0;j<6;j++)
{
 for(i=0;i<7;i++)
 {
 colum_name = "d"+i+"r"+j;
 colum_name = document.getElementById(colum_name);
 colum_name.innerHTML =  "-";
 colum_name.style.backgroundColor ="";
 colum_name.style.color ="black";
 }
}
}

function after_init()
{
for(j=0;j<6;j++)
{
 for(i=0;i<7;i++)
 {
  colum_name = "d"+i+"r"+j;
 colum_name = document.getElementById(colum_name);
 
 if (colum_name.innerHTML == "-")
 {
 colum_name.style.color ="#CCFFCC";
 }
}
}
}

function change_month(sel_month)
{
show_date = new Date(show_date.getFullYear(),sel_month,1);
set_cal(show_date);
}

function change_year(sel_year)
{
sel_year = sel_year.value;
show_date = new Date(sel_year,show_date.getMonth(),1);
set_cal(show_date);
}



</script>

      </td>
    </tr>
  </table>
  </center>
</div>
 
Laatst bewerkt:
Uploaden, Inpluggen

Het plaatje dat je hebt gevonden via google en opgeslagen (let natuurlijk op de copyrights.. misschien mag je het niet voor je site gebruiken) op je computer moet je uploaden naar je site. Dat is via de meeste gevallen een ftp. Je gaat dan naar ftp://jesite.nl maakt bijvoorbeeld een nieuwe map aan met 'img' als naam, en daarna ga je naar de locatie op de computer waar je het plaatje hebt opgeslagen. Kopiër je hem (Ctrl + C waarschijnlijk), en in het ftp plak je hem (Ctrl + V waarschijnlijk). De pagina waar je het plaatje wilt hebben (bijv: index.htm) daar zet je de code:

<img src="/img/naamvanjeplaatje.jpg">

Natuurlijk kan je het plaatje helemaal opmaken via de img tag, maar waarschijnlijk wil je dat niet.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan