Eerste foto van slideshow lightbox werkt niet

Status
Niet open voor verdere reacties.
L

Linna

Gebruiker
Lid geworden
24 mei 2011
Berichten
9
Hallo,

Sinds een week ben ik bezig de website van mijn ouders een beetje op te knappen. Niet dat ik ervaring ermee heb hoor maar gewoon omdat het me wel leuk leek ;)

Nu moet ik eerlijk zeggen bij het meeste kom ik er wel uit (ook omdat je natuurlijk van die handige forums hebt zoals helpmij.nl :cool: ) maar nu zit ik met het volgende;

Ik heb op 1 pagina (http://.../verhuurblokhut.html) een foto ertussen staan (de eerste) die niet meedoet aan die slideshow, dat terwijl ik zelfs deze elke keer gekopieerd heb in kladblok voor die anderen.. ook doen de prev en next knoppen het niet.

Dit is wat ik erin heb staan:

<head>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />



<script type="text/javascript" src="highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />


</head>



<a href="images/1.jpg" rel="lightbox [blukhut]">foto 1 * </a>
<a href="images/2.jpg" rel="lightbox [blokhut]">foto 2 * </a>
<a href="images/3.jpg" rel="lightbox [blokhut]">foto 3 * </a>
<a href="images/4.jpg" rel="lightbox [blokhut]">foto 4 * </a>
<a href="images/5.jpg" rel="lightbox [blokhut]">foto 5 * </a>
<a href="images/6.jpg" rel="lightbox [blokhut]">foto 6 * </a>

Nou doe ik dus iets fout..Maar wat?

Gr. Linda
 
Laatst bewerkt:
Waar je bij een webserver moet opletten zijn de HOOFDLETTERS.
Stel heb jij in je html pagina geschreven:

<a href="images/domki_1.jpg" rel="lightbox [blokhut]">foto 1 * </a>

En staat het bestand zo op je webserver: images/domki_1.JPG (Let op de hoofdletters JPG) dan werkt dit dus niet.
Webservers zijn hoofdletters gevoelig. Let ook op de paden en kijk of het bestand aanwezig is.
Ik raad je aan om alle bestanden zonder hoofdletters op te slaan.

Hier ga ik soms ook wel eens de fout in.

Weet verder ook niet of je dit al hebt opgelost. Heb namelijk even gekeken op je website onder je foto's pagina alleen ik kan alle foto's wel normaal zien voor zover ik weet.

EDIT:

Nu zie ik ook net onderaan je post dat je het probleempje hebt opgelost.
Zou je dit voortaan iets duidelijker willen aangeven door het in je post te zetten en je vraag op opgelost kunnen zetten?
 
Laatst bewerkt:
Nee niet opgelost, ik had een verkeerde link erin staan.
Ik heb even gekeken, maar alle namen zijn gelijk.
alleen de eerste foto wil niet mee in de slideshow pas vanaf foto 2 kan je verder klikken
 
Ik vind de indeling van jou broncode nogal raar.
Je hebt 2 keer de head tags erin staan terwijl dit maar 1 keer hoeft en je hebt geen <html> </html> tags erin staan. (En dan heb ik het nog niet over alle andere tags en dingen die erin staan)
Misschien dat dit het probleempje veroorzaakt.
Hier heb ik het even een beetje aangepast:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"> 
<html>

<head> 

	<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
	
		<title>Camping de Kleine Stad</title> 
		
	<meta name="keywords" content="camping, polen, polonia, Posen, poland, poznan, malemiasto, malemiasto, ek 2012, voetbal, de kleine stad, dekleinestad" /> 

	<link href="styles.css" rel="stylesheet" type="text/css" media="screen" /> 

	<!Foto gallery files !>
		<script type="text/javascript" src="js/prototype.js"></script> 
		<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> 
		<script type="text/javascript" src="js/lightbox.js"></script> 
		<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 
		<script type="text/javascript" src="highslide/highslide.js"></script> 
		<link rel="stylesheet" type="text/css" href="highslide/highslide.css" /> 
	<!Foto gallery files end !>

</head> 

<body> 
<div id="content"> 
<!-- header begins --> 
<div id="header"> 
	
<div id="logo" style="width: 817px; height: 88px"> 
	<a href="http://www.campingdekleinestad.nl"> 
	<img border="0" src="images/head.gif" align="left" width="395" height="36"></a></div> 
	
</div> 
  <div id="menu"> 
		<ul> 
			<li id="button1"><a href="http://www.campingdekleinestad.nl/" title="">Home</a></li> 
			<li id="button2"><a href="http://www.campingdekleinestad.nl/decamping.html" title="">De Camping</a></li> 
			<li id="button3"><a href="http://www.campingdekleinestad.nl/photos/index.html" title="">Foto's</a></li> 
			<li id="button4"><a href="http://www.campingdekleinestad.nl/reserveer.php" title="">Reserveren</a></li> 
			<li id="button5"><a href="mailto:campingdekleinestad@upcmail.nl" title="">Contact</a></li> 
			
			<br /> 
		</ul> 
	</div> 
	<!-- header ends --> 
	<!-- content begins --> 
		<div id="main"> 
			<div id="right"> 

 
 
			<b>Blokhut</b> <br><br> 
			€&nbsp; 22,- per dag. € 135.- per week.
			<br> 
			Het is een combinatie van twee blokhutten die met elkaar verbonden zijn door een 
			halletje. In één van deze blokhutjes staat een stapelbed. In de grotere kunt u 
			zich overdag vermaken, en voor de nacht, maakt u in een handomdraai een tweepersoonsbed.
			Het leef huisje is voorzien van stroom en een keukentje met warm water.
			Bestek, borden, kop en schotels, potten en pannen zijn aanwezig.</font> 
			<br> 
			<br> 
			<b>foto's van blokhutje:</b><br> 
 
			<a href="images/domki_1.jpg" rel="lightbox [blokhut]">foto 1</a> <br> 
			<a href="images/domki_2.jpg" rel="lightbox [blukhut]">foto 2</a> <br> 
			<a href="images/domki_3.jpg" rel="lightbox [blukhut]">foto 3</a> <br> 
			<a href="images/domki_4.jpg" rel="lightbox [blukhut]">foto 4</a> <br> 
			<a href="images/domki_5.jpg" rel="lightbox [blukhut]">foto 5</a> <br> 
			<a href="images/domki_6.jpg" rel="lightbox [blukhut]">foto 6</a> <br> 
			<br> 
			<br> 
			<br> 
			</font></p> 
 
			<p><a target="_blank" href="http://www.campingdekleinestad.nl/kalender-blokhut.htm">BESCHIKBAARHEID BLOKHUT</a><br> &nbsp;</p> 
 

 
          
			<div id="gal"> 
 
				<br> 
				<br> 
				<img src="images/domki_61.jpg" title="" alt="" style="float:left; padding-left: 11px;" /> 
				<img src="images/3speel1.jpg" title="" alt="" style="float:left; padding-left: 11px;" /> 
				<img src="images/sfeer331.jpg" title="" alt="" style="float:left; padding-left: 11px;" /> 
	
			</div> 
             
	</div> 
	<div id="left"> 
	<div id="left_top"></div> 
	<div id="categories"> 
			<h3>Menu</h3> 
			<p>
			<ul> 
				  <li><a href="verhuur.html">Verhuur</a></li>				
					<li><a href="http://www.campingdekleinestad.nl/prijzen.htm">Tarieven & Berekening</a></li> 
				  <li><a href="http://www.campingdekleinestad.nl/lokatie.htm">Lokatie</a></li> 
				  <li><a href="http://www.campingdekleinestad.nl/route_nl.htm">Routebeschijving</a></li> 
				  <li><a href="http://www.campingdekleinestad.nl/openbv.htm">Openbaar vervoer</a></li> 
				  <li><a href="http://gastenboek.wmweb.nl/gb.php?id=hermus">Gastenboek</a></li> 
				  <li><a href="http://www.campingdekleinestad.nl/links.htm">Links</a></li> 
				 
 
				<br> 
				<img src="images/blokhut1.gif"
				<br> 
				<br> 
				<br> 
				<a href="http://www.anwbcamping.nl/polen/camping-de-kleine-stad-boguszyn"><img src="images/anwb.jpg"/></a> <br> <br> 
 
				<a href="http://www.zoover.nl/polen/wielkopolskie/nowe-miasto-nad-warta/de-kleine-stad-male-miasto/camping/informatie#tabs"><img src="images/zoover.gif"/></a> <br><br> 
 
				<a href="http://www.pfcc.eu/pol/main.php?nazwa=249"><img src="images/pcff2.bmp"/></a> 
				<br> 
 
 
 
			</ul> 
			<p>
	</div> 
 
 
 
 
 
			<div style="clear:both"></div> 
			<!--content ends --> 
			<!--footer begins --> 
				</div> 
			</div> 
		</div> 
			<div id="footer"> 
			<p> 
			</p> 
		</div> 
	</div> 
			<!-- footer ends--> 


			<!-- www.000webhost.com Analytics Code -->

			<script type="text/javascript" src="http://analytics.hosting24.com/count.php"></script>

			<noscript><a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/count.php" alt="web hosting" /></a></noscript>

			<!-- End Of Analytics Code -->
	</body>
</html>

Overigens kwam ik meerdere keren de <body> en <html> tag toch wel tegen waar deze niet thuis hoort.
Ga je dat gastenboek ook nog veranderen? Want zo'n gratis gastenboek gehost op een andere webhost website lijkt mij niet echt professioneel voor een bedrijf.
Ook vraag ik me af of je iets aan de contact pagina gaat doen. Als ik op contact klik krijg ik een mailto functie. Denk dat de meeste mensen dan op een pagina willen komen waar de gegevens van het bedrijf op staan en ook nog een formuliertje wat ze kunnen invullen om een mailtje te sturen.
Hoop dat je hier een stukje verder mee komt.

EDIT:
Sommige pagina's zoals reserveer.php hebben geen lay-out. Ga je hier ook nog wat aan doen?

EDIT 2:

Ik zie ook nergens dat je gebruik maakt van de <h1> <h2> <h3> <h4> enz enz tags gebruikt.
Plakt je zomaar ergens een stukje code op je site neer of?
Weet niet of dit van pas komt bij jou maar hier heb je een HTML cursus die je redelijk veel uitlegt over HTML en CSS:

Link
 
Laatst bewerkt:
peter1994 zei:
Ik vind de indeling van jou broncode nogal raar.
Je hebt 2 keer de head tags erin staan terwijl dit maar 1 keer hoeft en je hebt geen <html> </html> tags erin staan. (En dan heb ik het nog niet over alle andere tags en dingen die erin staan)

Misschien dat dit het probleempje veroorzaakt.
Hier heb ik het even een beetje aangepast:
Overigens kwam ik meerdere keren de <body> en <html> tag toch wel tegen waar deze niet thuis hoort.
Klik om te vergroten...

Klopt ik heb een hoop gekopieerd uit de oude site van m'n pa.
Dit heb ik nog niet aangepast :D En aangezien het blijkbaar verder ook geen problemen veroorzaakte heb ik er ook niet meer aan gedacht dat aan te passen.

Heb die van de blokhut nu eropstaan met jouw aanpassingen, helaas geen effect op die foto.

peter1994 zei:
Ga je dat gastenboek ook nog veranderen? Want zo'n gratis gastenboek gehost op een andere webhost website lijkt mij niet echt professioneel voor een bedrijf.
Ook vraag ik me af of je iets aan de contact pagina gaat doen. Als ik op contact klik krijg ik een mailto functie. Denk dat de meeste mensen dan op een pagina willen komen waar de gegevens van het bedrijf op staan en ook nog een formuliertje wat ze kunnen invullen om een mailtje te sturen.
Hoop dat je hier een stukje verder mee komt.


EDIT:
Sommige pagina's zoals reserveer.php hebben geen lay-out. Ga je hier ook nog wat aan doen?
Klik om te vergroten...


Ja is gewoon nog een link naar de oude website, nog niets mee gedaan.
Maar als je weet hoe ik een eigen gastenboek kan maken graag ;)


peter1994 zei:
EDIT 2:

Ik zie ook nergens dat je gebruik maakt van de <h1> <h2> <h3> <h4> enz enz tags gebruikt.
Plakt je zomaar ergens een stukje code op je site neer of?
Weet niet of dit van pas komt bij jou maar hier heb je een HTML cursus die je redelijk veel uitlegt over HTML en CSS:

Link
Klik om te vergroten...

Zie 1e reactie op je vraag, maarja handleidingen zijn altijd handig, bijv. voor dat gastenboek :D :D
 
Zelf heb ik mijn gastenboek op mijn website ook niet gemaakt moet ik eerlijk zeggen.
Dit is omdat ik nog een beginner met PHP ben en er een beetje haast was met het nieuw gastenboek.
Maar hij werkt voor mij wel lekker.
Als je wilt mag je wel een kijkje nemen:

Gastenboek noizehunterz.nl

Er zit een admin paneel bij en je kan kiezen tussen 3 verschillende lay-outs.

Tevens heb ik die zelfde handleiding ook gebruikt om mijn HTML en CSS kennis wat bij te vullen.
Mijn eerste HTML cursus staat niet meer online.
Maar deze was ook al erg oud.

En als je dit nou eens probeert met je foto's?

<a href="images/domki_1.jpg" rel="lightbox [blukhut]">foto 1 * </a>

Want ik zie namelijk dat jij bij het stukje rel="lightbox [blukhut] bij de eerste foto niet blukhut hebt neergezet maar blokhut. Dit zou het kunnen zijn.
 
Oops :d

:rolleyes: ik zie nu pas dat er bij die andere fotos allemaal blUkhut staat ipv blOkhut :D

nouja dat is dus opgelost :D toch zie ik die prev en next buttons niet maar dat is eigenlijk ook niet heel belangerijk..
 
Volgensmij werkt dit hetzelfde als mijn foto gallerij.
Heb jij de volgende bestandjes in je map "images" staan?
bullet.gif
close.gif
closelabel.gif
download-icon.gif
loading.gif
nextlabel.gif
prevlabel.gif

Bovenstaande afbeeldingen moet in de map "images" staan waar jij ook de pagina hebt waar die foto's op staan.
Dus stel heb jij de pagina waar de foto's op staan van de blokhut zo opgesteld:
map/blokhutmap/blokhutfotos.html
map/blokhutmap/images/(de bovenstaande afbeeldingen hierin)

Dan zou hij het moeten doen.

EDIT:

Ik heb het gastenboek wat op mijn website staat het 1 en ander aangepast.
Dus als jij een nieuwe ervan wilt zou het er misschien iets anders uit zien en ander dingen erop staan.
 
Laatst bewerkt:
peter1994 zei:
Volgensmij werkt dit hetzelfde als mijn foto gallerij.
Heb jij de volgende bestandjes in je map "images" staan?
bullet.gif
close.gif
closelabel.gif
download-icon.gif
loading.gif
nextlabel.gif
prevlabel.gif

Bovenstaande afbeeldingen moet in de map "images" staan waar jij ook de pagina hebt waar die foto's op staan.
Dus stel heb jij de pagina waar de foto's op staan van de blokhut zo opgesteld:
map/blokhutmap/blokhutfotos.html
map/blokhutmap/images/(de bovenstaande afbeeldingen hierin)

Dan zou hij het moeten doen.
Klik om te vergroten...

Helaas die zitten in dezelfde map, geen GIF ivp gif. Geen rare dingen. maar ik stoor me er ook niet aan hoor. Ik vind het eigenlijk wel mooi zonder die knoppen.


ff wat anders he ik kan de foto's van jouw website ook niet openen??
die kleine pics wel maar als ik erop klik word ik geredirect naar http://www.maani.us/xml_slideshow/
 
Linna zei:
ff wat anders he ik kan de foto's van jouw website ook niet openen??
die kleine pics wel maar als ik erop klik word ik geredirect naar http://www.maani.us/xml_slideshow/
Klik om te vergroten...

Klopt. Ga ik nu even wat aan proberen te doen.

EDIT:
Zit hem waarschijnlijk in het flash bestandje wat erachter zit. En dat kan ik er helaas niet uithalen.
Ga later nog wel eens een andere zoeken.
 
Laatst bewerkt:
peter1994 zei:
Klopt. Ga ik nu even wat aan proberen te doen.

EDIT:
Zit hem waarschijnlijk in het flash bestandje wat erachter zit. En dat kan ik er helaas niet uithalen.
Ga later nog wel eens een andere zoeken.
Klik om te vergroten...

Lastig is dat he als je moet vertouwen op iets wat anderen gemaakt hebben.

Kan je hem ook niet aanpassen? of een link erachter hangen?
 
Linna zei:
Lastig is dat he als je moet vertouwen op iets wat anderen gemaakt hebben.

Kan je hem ook niet aanpassen? of een link erachter hangen?
Klik om te vergroten...

Link erachter werkt niet. Heb ik al eens geprobeert alleen dan verwijst hij toch naar die andere website. Ik kan het flash bestandje ook jammer genoeg niet wijzigen omdat er daarvoor nog een ander bestandje nodig is.

Hoop dat je door al mijn tips en tutorials die ik je gegeven hebt een stuk verder komt.
Ik wens je veel succes en zou graag het eindresultaat willen zien.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan