Foto vergroten in zelfde scherm

Status
Niet open voor verdere reacties.
N

nol51

Gebruiker
Lid geworden
21 aug 2006
Berichten
28
Het lukt mij niet om foto´s in het zelfde scherm te vergroten bij het aanklikken
Ik heb de handleiding van deze http://www.zelf-een-site-maken.nl/een-lightbox-voor-fotos/ gevolgd maar ik weet niet waar ik de href script moet plaatsen.

Ik heb het volgende tussen de head tag geplaatst :
<script src="http://mijn website.nl/lightbox/js/jquery-1.7.2.min.js"></script>
<script src="http://mijn website.nl/lightbox/js/lightbox.js"></script>
<link href="http://mijn website.nl/lightbox/css/lightbox.css" rel="stylesheet" />

Waar moet ik de href script plaatsen ?
Zoals het er nu in staat komen de foto´s gedeeltelijk over elkaar heen te vallen op de webpagina maar werkt het wel alleen laat die de foto´s 2 keer zien. Er staan maar 2 foto´s in
Iemand heeft mij willen helpen maar nu snap ik het helemaal niet meer. De htm file is helemaal veranderd en lijkt totaal niet meer op de htm file zoals die gemaakt is in Publisher 2003.
Het in Publisher gemaakte htm bestand is 22.217 groot en de door hem aangepaste htm file is nu 1025 groot
Het werkt dan wel maar ik weet nu nog steeds niet waar die script moet komen in de htm file van Publisher 2003

Kan iemand mij helpen ?
 
Laatst bewerkt:
De href die als klikbare link doet achter je foto, dient ind e <body>-sectie te worden geplaatst. Dit is de locatie binnen HTML, waar alle zichtbare en tastbare content wordt geplaatst.
 
Dat heb ik ook zo gedaan maar het werkt niet zoals het behoord te werken.

Ik weet niet of het mag maar dan hoor ik het wel maar de inhoud van de htm file die gemaakt is met Publisher en waar ik de scrips in heb gezet staat om te testen online http://www.furuliden.nl/test en kan eventueel gedownload worden om in te zien.

En dit is de door de andere persoon gewijzigde htm file die bijna het zelfde is maar wel goed werkt
Hier zie ik het duidelijk waar de href moet komen.
<html>

<head>

<link href="http://www.furuliden.nl/lightbox/css/lightbox.css" rel="stylesheet" />
<script src="http://www.furuliden.nl/lightbox/js/jquery-1.7.2.min.js"></script>
<script src="http://www.furuliden.nl/lightbox/js/lightbox.js"></script>

<title>Furuliden</title>

</head>

<body link="#0066FF" vlink="#6633CC" bgcolor="#D9D9D9" style='width:100%'>

<div style='width: 1024px; height: 100%; margin: 0 auto;'>

<h1>Furuliden</h1>

<ul style="list-style: none;">
<li style="float:left;">
<a href="http://www.furuliden.nl/lightbox/images/omg2.jpg" rel="lightbox[images]">
<img width="356px" height="267px" src="http://www.furuliden.nl/test_bestanden/image002.jpg"></a>
</li>

<li style="float:left; margin-left: 10px;">
<a href="http://www.furuliden.nl/lightbox/images/hk1.jpg" rel="lightbox[images]">
<img width="352px" height="264px" src="http://www.furuliden.nl/test_bestanden/image003.jpg"></a>
</li>
</ul>

</div>

</body>

</ht
 
The requested URL /test was not found on this server.

Verkeerde URL?
 
Hier werkt het prima, en de popup opent? Of merk jij een ander probleem?
 
Dat klopt dat die goed werkt al staat de naam niet goed in het midden maar dat terzijde.
Dit is de gewijzigde van die andere persoon, ik heb net even mijn met Publisher gemaakte versie er op gezet en dan zie je het verschil
Bekijk deze nog even met de zelfde link en als je de htm file download dan zie je waar ik wat ingezet heb en dat die een stuk groter is dan de htm file die je net bekeken heb.
 
Sorrie verkeerd gemeld maar de vraag is nog niet opgelost
 
Ik snap je probleem niet?
 
De inhoud van mijn voorbeeld htm file is een stuk groter dan wat jij gemaakt heb
Als ik de inhoud bekijk van de page0002.htm file uit de map index_bestanden van de website furuliden.nl, dat is de pagina met de foto's, dan is dat een grote file en weet ik niet waar ik de href moet plaatsen of wat ik daarin fout doet.
Ik herhaal nog even dat ik de website met Publisher heb gemaakt en de href er in wil kopieëren
Ik hoop dat je me nu begrijp
 
Als ik de source van deze site zie: furuliden.nl, dan schrik ik behoorlijk!!!!

Het beste advies: Vergeet MS Publisher. En verwijder het van je systeem! Deze maakt de grootste troep aan qua HTML-code waarvan 98% zwaar overbodig, de laadtijd vertraagt en problemen zal zorgen met non-MS browsers, zoals Firefox, Chrome, Opera etc.... Tevens is het ook haast niet onderhoudbaar als je zelf de HTML-code wilt aanpassen, en is de code die gegenereerd wordt een waar drama, waarbij je niet zeker zal zijn voor een toekomstige goede werking.

En deze scripts:
Code: 
<script language="JavaScript">


document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}
</script>
mogen wat mij betreft ook de nek om worden gedraaid. Waarom zou je de rechtermuisknop blokkeren?
 
Laatst bewerkt:
Bedankt voor je mening en uitleg
Helaas ben ik niet kundig genoeg om een (voor mij) leuke website te maken door middel van het gebruik van html code dus ben ik aangewezen op programma's zoals Publisher en dan zelf enkele codes er in te copieëren
Ik heb ook WYSIWYG geprobeerd maar dat vond ik onduidelijk, dat kan komen omdat ik het niet gewend ben en moet ik daar mijn eigen eens meer in verdiepen maar dan denk ik weer dan kan ik misschien beter een online cursus HTML doen of een boek hierover kopen en daar mijn tijd in steken.
Wat is wel een goed en niet te moeilijk website programma ?

De rechtermuis script gebruikte ik jaren geleden al en ik weet dat het niet werkt voor mensen zoals jij maar voor de leek werkt het wel en daarom heb ik die er in laten staan.

Komt er dus op neer dat ik het zo voorlopig moet laten werken zoals het nu werkt al is het niet wat ik wil en aankomende winter eens kijken of het mij gaat lukken om met html een vergelijkbare website te te kunnen maken.
 
Is het niet een handiger idee om Wordpress te installeren, en daarbij een leuk gratis (of betaalde) template?
Je hebt dan een site die makkelijk te onderhouden is, en een mooi design.

Verder kent de rechtermuisknop nog meer moois die je helaas blokkeert. Dus ik raad toch af om die beveiliging eruit te halen.
Een goede disclaimer op de site is voldoende om sterk te staan.

Verder is CodeAcademy een goede online tutorial om HTML en CSS te leren. En mocht je dat goed onder de knie hebben, dan is een stapje verder naar JavaScript en het jQuery framework een mooie stap vooruit. Ook kan je dan kijken naar PHP als programmeertaal.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan