Bokt.nl

**Geplaatst door de TopicStarter** : 21-12-10 21:24

Slider (Javascript) probleem

Geplaatst door de TopicStarter : 21-12-10 21:24

HELP!

Ik ben bezig met het maken van een nieuwe website.
Deze maak ik met PHP / CSS, teksten uitgelezen vanuit de database en Javascripts (van internet).

Nu is het zo dat wanneer ik op portfolio klik en hierna direct op mijn grafische portfolio. Dan krijg ik onderstaand probleem.
(Dit probleem is sowieso geconstateerd in Firefox & Google Chrome).

Goed:
Afbeelding

Fout:

De slider loopt door over mijn div heen. Dit geld ook als ik éérst op mijn grafische portfolio klik en daarna op mijn portfolio. Dan komt hetzelfde probleem, maar dan bij het portfolio.

Ik weet gewoon echt even niet hoe ik dit moet oplossen.
Dus als er iemand is die de oplossing weet.

* Eventuele bestanden via mail verkrijgbaar.

**Geplaatst**: 21-12-10 21:39

Re: Slider (Javascript) probleem

Geplaatst: 21-12-10 21:39

Zonder meer info is dit echt onmogelijk te beantwoorden... Probeer in ieder geval uit te vogelen wat die witte vlakken zijn. Chrome heeft daar 'Inspect Element' voor, in Firefox moet je Firebug installeren (must have als je iets ontwikkeld op internet).

**Geplaatst door de TopicStarter** : 21-12-10 21:48

Geplaatst door de TopicStarter : 21-12-10 21:48

BartVB schreef:
Zonder meer info is dit echt onmogelijk te beantwoorden... Probeer in ieder geval uit te vogelen wat die witte vlakken zijn. Chrome heeft daar 'Inspect Element' voor, in Firefox moet je Firebug installeren (must have als je iets ontwikkeld op internet).

Dat grote witte vlak is de achtergrond kleur van de container.
En dat vlakje ernaast is de volgende foto die eraan komt.
Hij laad maar zo'n klein balkje.

Ik had in Chrome bij errors gekeken, maar zie daar niets staan.
Maar ben nu Firebug aan het installeren, EDIT: maar ook hier kom ik er niet achter

**Geplaatst door de TopicStarter** : 21-12-10 22:27

Re: Slider (Javascript) probleem

Geplaatst door de TopicStarter : 21-12-10 22:27

Deel van mijn script erbij (Website link via PB verkrijgbaar)

**Geplaatst**: 22-12-10 09:23

Geplaatst: 22-12-10 09:23

Werkt het wel als je die content er rechtstreeks inzet? Dus zonder het PHP/MySQL gebeuren?

Overigens is:

Code: echo ("$Rij[content]");

Niet echt netjes. Maak daar liever dit van:

Code: echo $Rij['content'];

**Geplaatst door de TopicStarter** : 22-12-10 17:50

Re: Slider (Javascript) probleem

Geplaatst door de TopicStarter : 22-12-10 17:50

Bedankt voor je reactie, ik ga vanavond even deze dingen uitzoeken!

**Geplaatst door de TopicStarter** : 22-12-10 20:41

Re: Slider (Javascript) probleem

Geplaatst door de TopicStarter : 22-12-10 20:41

Ik heb dat tekstje aangepast, maar de pagina werkt ook niet goed zonder mySQL.
zou het dan misschien kunnen zijn dat er een fout in de javascript pagina's zit? (Deze heb ik gewoon zo van internet gedownload).

Afbeelding

Javascript printscreen stukjes:
http://i53.tinypic.com/2nk7c7.png
http://i54.tinypic.com/2430pol.png

**Geplaatst door de TopicStarter** : 24-12-10 22:24

Geplaatst door de TopicStarter : 24-12-10 22:24

Ik heb het probleem nog niet gevonden.
Ik maak gebruik van het script Easy Slider 1.5 jquery (op internet te downloaden).
http://www.djoys-designz.com/TEST/ is de site, misschien dat het zo beter is om erachter te komen.

EDIT: nu Easyslider 1.7
Hier te downloaden: http://cssglobe.com/post/5780/easy-slid ... ery-slider

**Geplaatst**: 25-12-10 16:35

Re: Slider (Javascript) probleem

Geplaatst: 25-12-10 16:35

Een testje online ergens online zetten maakt het testen een heel stuk makkelijker

De content ziet eruit zoals in de comment staat bovenaan deze file?
http://i53.tinypic.com/2nk7c7.png

**Geplaatst door de TopicStarter** : 25-12-10 23:21

Re: Slider (Javascript) probleem

Geplaatst door de TopicStarter : 25-12-10 23:21

jquery bestand: http://www.djoys-designz.com/TEST/Pages/js/jquery.js
EasySlider bestand: http://www.djoys-designz.com/TEST/Pages ... ySlider.js

En wat er in de slider wordt uitgelezen is:
<ul>
<li><img src='images/hondenfotografie/debetreffendeafbeelding.jpg'></li>
</ul>

Ik mis alleen het alt='' stukje erin, is dat de fout?

**Geplaatst**: 25-12-10 23:47

Re: Slider (Javascript) probleem

Geplaatst: 25-12-10 23:47

Het jquery en easyslider bestand zijn op internet te vinden

Ik bedoel meer de complete pagina

Alt stukje zou niet uit moeten maken, wel belangrijk is de <div> die om de <ul> heen zou moeten staan.

**Geplaatst door de TopicStarter** : 26-12-10 11:16

Geplaatst door de TopicStarter : 26-12-10 11:16

Oh Oké sorry, hier onder staat de volledige Pagina.

Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Djoys Designz - Grafisch vormgeven & Fotografie</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/easySlider.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider(); }); </script> <link href="../CSS/portfolio.css" rel="stylesheet" type="text/css"> </head> <body> <div id="Container"> <div id="Container_images"> <div id="Portfolio"></div> <div id="Slide_Portfolio"> <div id="Lock"></div> <div id="Content"> <div id="slider"> <?php require ("connection.php"); $tabelnaam="Portfolio"; $opdracht = "SELECT * FROM $tabelnaam WHERE id='4'"; $result = mysql_query($opdracht); $count= mysql_num_rows($result); if($count==0){ echo "Er is nog geen informatie geplaatst"; } else{ while ($Rij = mysql_fetch_array($result)){ echo $Rij['content']; } mysql_free_result($result); mysql_close ($Verbinding);} ?> </div> </div> </div> <div id="Container_menu"> <div id="Logo"></div> <div id="Tekst"> <?php require ("connection.php"); $tabelnaam="Portfolio"; $opdracht = "SELECT * FROM $tabelnaam WHERE id='3'"; $result = mysql_query($opdracht); $count= mysql_num_rows($result); if($count==0){ echo "Er is nog geen informatie geplaatst"; } else{ while ($Rij = mysql_fetch_array($result)){ echo $Rij['content']; } mysql_free_result($result); mysql_close ($Verbinding);} ?> </div> <div id="Menu"> <?php require ("connection.php"); $tabelnaam="Portfolio"; $opdracht = "SELECT * FROM $tabelnaam WHERE id='2'"; $result = mysql_query($opdracht); $count= mysql_num_rows($result); if($count==0){ echo "Er is nog geen informatie geplaatst"; } else{ while ($Rij = mysql_fetch_array($result)){ echo $Rij['content']; } mysql_free_result($result); mysql_close ($Verbinding);} ?> </div> </div> </div> </div> </body> </html>

**Geplaatst door de TopicStarter** : 26-12-10 12:54

Geplaatst door de TopicStarter : 26-12-10 12:54

Ik heb ook even een pagina aangemaakt waar ik alles uit heb gegooid en alleen de slider hebt geplaatst, met de rest van de indeling alleen met achtergrond kleuren:
Pagina: http://www.djoys-designz.com/TEST/Portfoliotest.php
CSS: http://www.djoys-designz.com/TEST/CSS/portfoliotest.css

**Geplaatst**: 27-12-10 12:51

Re: Slider (Javascript) probleem

Geplaatst: 27-12-10 12:51

Lijkt erop dat de slider nu werkt?
Wat was uiteindelijk het probleem?

**Geplaatst door de TopicStarter** : 27-12-10 13:02

Geplaatst door de TopicStarter : 27-12-10 13:02

Bij mij werkt de slider nog steeds niet?
Of iig als ik op de ene pagina klik en doorklik naar volgende pagina met ook een slider, dan slaat het vast.
http://www.djoys-designz.com/TEST/Pages ... iotest.php

**Geplaatst door de TopicStarter** : 27-12-10 17:04

Re: Slider (Javascript) probleem

Geplaatst door de TopicStarter : 27-12-10 17:04

Dit is wat ik krijg als ik Portfolio heb geopend en daarna test open