image popup met copyright

Riete · 24 dec 2006

Hey
Ik heb scripts gevonden om afbeeldingen in popups te laten verschijnen, en ik heb scripts gevonden om afbeeldingen te copyrighten, maar ik vind geen scripts die deze twee combineren.
Kunnen jullie mij helpen?
Thanks

Riete

JeroenE · 28 dec 2006

Post hier eens de twee scripts, dan combineren we ze zelf.

Greetz : Jer

en.

Riete · 28 dec 2006

Dit is voor de copyright:

Code:

<script language="JavaScript" type="text/javascript">
<!--
function popupMsg(theMsg) {
alert(theMsg);
}
//-->
</script>

Now call the PopUp Message script from within your image tag.

Code:

<IMG SRC="images/imagename.jpg" onMouseDown="popupMsg('For
more information on this © Copyrighted image, please contact 
INCLUDE YOUR PERSONAL INFORMATION HERE')">

En dit is voor de popup.

Code:

<script type="text/javascript" >
//aan te passen
vanaf_links = 100;
vanaf_boven = 100;
grootste_breedte  = 500+20;//afmetingen van het grootste beeld +20
grootste_hoogte = 500+20;  //afmetingen van het grootste beeld +20
//hieronder niets wijzigen
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+grootste_breedte+',height='+grootste_hoogte+',left='+vanaf_links+',top='+vanaf_boven;
var optIE='scrollbars=no,width=150,height=100,left='+vanaf_links+',top='+vanaf_boven;
function popBeeld(BeeldURL,BeeldTitel){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Bezig met inladen ...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function aanpassen_aan_beeldgrootte(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=200-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["BeeldNaam"].width;');writeln('window.innerHeight=document.images["BeeldNaam"].height;}}');
writeln('function maak_titel(){document.title="'+BeeldTitel+'";}');writeln('</sc'+'ript>');
writeln('</head><body bgcolor=000000 scroll="no" onload="aanpassen_aan_beeldgrootte();maak_titel();self.focus()" onblur="self.close()">');
writeln('<img name="BeeldNaam" src='+BeeldURL+' style="display:block"></body></html>');
close();		
}}
</script>

Code:

<a href="javascript:popBeeld('foto.jpg','titel')">
<img src="foto.jpg" width=50 border="0" alt="klik hier voor de foto met de originele grootte"></a>

Alvast bedankt!

JeroenE · 28 dec 2006

Het script voor de head van je document :

HTML:

<script type="text/javascript" >
//aan te passen
vanaf_links = 100;
vanaf_boven = 100;
grootste_breedte  = 500+20;//afmetingen van het grootste beeld +20
grootste_hoogte = 500+20;  //afmetingen van het grootste beeld +20
//hieronder niets wijzigen
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+grootste_breedte+',height='+grootste_hoogte+',left='+vanaf_links+',top='+vanaf_boven;
var optIE='scrollbars=no,width=150,height=100,left='+vanaf_links+',top='+vanaf_boven;
function popBeeld(BeeldURL,BeeldTitel){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Bezig met inladen ...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function aanpassen_aan_beeldgrootte(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=200-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["BeeldNaam"].width;');writeln('window.innerHeight=document.images["BeeldNaam"].height;}}');
writeln('function maak_titel(){document.title="'+BeeldTitel+'";}');writeln('</sc'+'ript>');
writeln('</head><body bgcolor=000000 scroll="no" onload="aanpassen_aan_beeldgrootte();maak_titel();self.focus()" onblur="self.close()">');
writeln('<img name="BeeldNaam" src='+BeeldURL+' style="display:block"></body></html>');
close();		
}}
function popupMsg(theMsg) {
alert(theMsg);
}
</script>

De code voor de body van het document :

HTML:

<a href="javascript:popBeeld('foto.jpg','titel')">
<img src="foto.jpg" width=50 border="0" alt="klik hier voor de foto met de originele grootte"></a>
<IMG SRC="images/imagename.jpg" onMouseDown="popupMsg('For
more information on this © Copyrighted image, please contact 
INCLUDE YOUR PERSONAL INFORMATION HERE')">

Het enige wat je eigenlijk moest doen, is de javascript tussen dezelfde tags zetten en vergelijken of er geen twee keer dezelfde naam gebruikt werd.

Het zelfde geldt voor de html die in de body komt.

Greetz : Jer

en.

Riete · 30 dec 2006

gaat niet

Hey Jer

en

Het werkt niet.
Wat ik krijg met die code is twee afbeeldingen naast elkaar, op de ene kan ik klikken en dan opent gewoon de popup, en op de andere staat de copyright.

Wat doe ik om dit aan te passen zodat de copyright werkt op de afbeelding in de popup?
Merci

Riete

JeroenE · 30 dec 2006

Verander het volgende :

HTML:

<a href="javascript:popBeeld('foto.jpg','titel')">
<img src="foto.jpg" width=50 border="0" alt="klik hier voor de foto met de originele grootte"></a>
<IMG SRC="images/imagename.jpg" onMouseDown="popupMsg('For
more information on this © Copyrighted image, please contact 
INCLUDE YOUR PERSONAL INFORMATION HERE')">

in dit :

HTML:

<a href="javascript:popBeeld('foto.jpg','titel')">
<img src="foto.jpg" width=50 border="0" alt="klik hier voor de foto met de originele grootte" onMouseDown="popupMsg('For
more information on this © Copyrighted image, please contact INCLUDE YOUR PERSONAL INFORMATION HERE')"></a>

Greetz : Jer

en.

Riete · 30 dec 2006

nog steeds niet

Het werkt nog steeds niet.
Als ik op de kleine afbeelding klik opent de afbeelding in een groter venster, en opent er een klein schermpje met de warning boodschap, maar de afbeelding is niet geblokkeerd.

JeroenE · 30 dec 2006

Ik had het blijkbaar niet goed begrepen.
De "onMouseDown" moest in het script in de head komen ipv in de code in de body.

Hier de wel werkende oplossing :

HTML:

<script type="text/javascript" >
//aan te passen
vanaf_links = 100;
vanaf_boven = 100;
grootste_breedte  = 500+20;//afmetingen van het grootste beeld +20
grootste_hoogte = 500+20;  //afmetingen van het grootste beeld +20
//hieronder niets wijzigen
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+grootste_breedte+',height='+grootste_hoogte+',left='+vanaf_links+',top='+vanaf_boven;
var optIE='scrollbars=no,width=150,height=100,left='+vanaf_links+',top='+vanaf_boven;
function popBeeld(BeeldURL,BeeldTitel){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Bezig met inladen ...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function aanpassen_aan_beeldgrootte(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=200-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["BeeldNaam"].width;');writeln('window.innerHeight=document.images["BeeldNaam"].height;}}');
writeln('function maak_titel(){document.title="'+BeeldTitel+'";}');writeln('</sc'+'ript>');
writeln('</head><body bgcolor=000000 scroll="no" onload="aanpassen_aan_beeldgrootte();maak_titel();self.focus()" onblur="self.close()">');
writeln('<img name="BeeldNaam" src='+BeeldURL+' style="display:block" onMouseDown="popupMsg('For
more information on this © Copyrighted image, please contact INCLUDE YOUR PERSONAL INFORMATION HERE')"></body></html>');
close();		
}}
function popupMsg(theMsg) {
alert(theMsg);
}
</script>

en

HTML:

<a href="javascript:popBeeld('foto.jpg','titel')">
<img src="foto.jpg" width=50 border="0" alt="klik hier voor de foto met de originele grootte"></a>

Vervang gewoon alles wat je voorhen had.

Greetz : Jer

en.

Riete · 30 dec 2006

Error on page

Ey

We zijn er nog niet van af blijkbaar.
Nu krijg ik een error on page in mijn statusbalk. Voor de rest beweegt er niets.
Ik probeer telkens een aantal dingen zelf uit, maar ik vind niet waar de fout zit.
Kunt gij nog eens even kijken?
Merci

JeroenE · 30 dec 2006

Vervang nog maar eens alles.

De head wordt het volgende :

HTML:

<script type="text/javascript" >
<!--
//aan te passen
vanaf_links = 100;
vanaf_boven = 100;
grootste_breedte  = 500+20;//afmetingen van het grootste beeld +20
grootste_hoogte = 500+20;  //afmetingen van het grootste beeld +20
//hieronder niets wijzigen
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+grootste_breedte+',height='+grootste_hoogte+',left='+vanaf_links+',top='+vanaf_boven;
var optIE='scrollbars=no,width=150,height=100,left='+vanaf_links+',top='+vanaf_boven;
function popBeeld(BeeldURL,BeeldTitel){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Bezig met inladen ...</title><style>body{margin:0px;}</style>');
writeln('<sc'+'ript>');
writeln('var isNN,isIE;');
writeln('function popupMsg(theMsg) { alert(theMsg); }');
writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');
writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function aanpassen_aan_beeldgrootte(){');
writeln('if (isIE){');
writeln('window.resizeTo(100,100);');
writeln('width=200-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');
writeln('if (isNN){');       
writeln('window.innerWidth=document.images["BeeldNaam"].width;');
writeln('window.innerHeight=document.images["BeeldNaam"].height;}}');
writeln('function maak_titel(){document.title="'+BeeldTitel+'";}');
writeln('</sc'+'ript>');
writeln('<meta http-equiv="imageToolbar" content="no">');
writeln('</head><body bgcolor=000000 scroll="no" onload="aanpassen_aan_beeldgrootte();maak_titel();self.focus()" onblur="self.close()">');
writeln('<img name="BeeldNaam" src='+BeeldURL+' style="display:block" onMouseDown="popupMsg(\'For more information on this © Copyrighted image, please contact INCLUDE YOUR PERSONAL INFORMATION HERE\')"></body></html>');
close();		
}}
-->
</script>

en de body :

HTML:

<img src="foto.jpg" border="0" alt="klik hier voor de foto met de originele grootte" onClick="popBeeld('foto.jpg','titel')">

De problemen waren eerst en vooral dat je bij "writeln" niet van lijn mag veranderen en dat je, om een extra " te verbergen binnen het script, er een \ moet voor plaatsen.

Hier is een voorbeeld dat werkt.

Greetz : Jer

en.

Martin vdB · 16 okt 2007

Hallo,

Ik gebruik hetzelfde popup script als hierboven al vermeld staat.
Nou is mijn vraag: is het ook mogelijk dit script te bewerken zodat in de popup niet ook de hele url verschijnt maar dus alleen maar de titel bij het plaatje? Ik heb her en der wat geprobeerd maar mijn kennis van javascript is nou ook niet zo goed dat ik er uit kom

Groeten,
Martin

JeroenE · 18 okt 2007

Martin vdB,

Je titel wordt weergegeven zoals je die opgeeft in de link of de "onclick".
Daar wordt de functie aangeroepen en is het tweede wat je erin zet je titel :

Code:

popBeeld("foto.jpg","[color=blue]hier komt je titel[/color]");

Greetz : Jer

en.

Martin vdB · 26 okt 2007

Dank je wel. Ik ben er inmiddels achter gekomen dat in Internet Explorer de titel wel goed word weergegeven maar dat in Firefox eerst de url word getoond en dan pas de titel.

image popup met copyright

Riete

Gebruiker

JeroenE

Terugkerende gebruiker

Riete

Gebruiker

JeroenE

Terugkerende gebruiker

Riete

Gebruiker

JeroenE

Terugkerende gebruiker

Riete

Gebruiker

JeroenE

Terugkerende gebruiker

Riete

Gebruiker

JeroenE

Terugkerende gebruiker

Martin vdB

Nieuwe gebruiker

JeroenE

Terugkerende gebruiker

Martin vdB

Nieuwe gebruiker

Nieuwste berichten

Wij waarderen jouw privacy