Fotogallerij bij sommige niet te zien

Status
Niet open voor verdere reacties.

Anblauw

Gebruiker
Lid geworden
1 jul 2015
Berichten
11
Voor de website die ik maak krijg ik elke keer te horen dat ze hem niet kunnen zien, terwijl hij bij andere weer wel te zien is. IE geeft een melding van ActiveX, is het nu zo dat doordat ik een script van lightbox heb, mensen van IE browser de site niet kunnen zien? site is www.mafokke.nl
 
Hoi Anblauw

Ik zie daar 21 plaatjes/foto's en allemaal zijn perfect zichtbaar, maar geen galerijen op enkele plaatje als ik klik kom ik tegen ( bedoel je dat ? met niet zichtbaar ? :( ) ..
 
Laatst bewerkt:
Hoe test jij het uit? Zeker via de file:// url in je browser?
 
Hoi,
Dit heeft niet met je vraag te maken maar jQuery wordt te vaak geladen. Volgens mij wordt 2.1.4 en 1.7.2 niet uitgevoerd terwijl er wel wordt gewacht totdat deze scripts zijn geladen :(
Code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
...
<script src="lightbox/js/jquery-1.7.2.min.js"></script>
 
antwoorden

sommige mensen krijgen de website helemaal niet te zien. Ik test in url inderdaad, maar test ook via www in IE, Chrome en FireFox. Maar ik heb een nieuwere versie misschien dat ik daardoor gewoon op de site kan.

Bron kan ik de twee verwijzingen naar j query dan weg laten? en is die van lightbox voldoende?


bij test van browsera.com krijg ik drie javascript erroros:

Error Messages

Firefox 42: https://self-repair.mozilla.org/en-US/repair/ (line 8): mutating the [[Prototype]] of an object will cause your code to run very slowly; instead create the object with the correct initial [[Prototype]] value using Object.create
Firefox 41: https://self-repair.mozilla.org/en-US/repair/ (line 8): mutating the [[Prototype]] of an object will cause your code to run very slowly; instead create the object with the correct initial [[Prototype]] value using Object.create
Internet Explorer 8: https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js (line 2): Error Object doesn't support this property or method

maar die zeggen mij niet zo veel, wie weet wat ik er mee moet?

alvast bedankt
anblauw
 
sommige mensen krijgen de website helemaal niet te zien
Verversen met Ctrl F5 kan soms helpen.

kan ik de twee verwijzingen naar j query dan weg laten?
Het beste kan je de volgende 2 regels weghalen anders werkt function slideSwitch() niet meer.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="lightbox/js/jquery-1.7.2.min.js"></script>


In de volgende regels zijn div:last en div:first ongeldige waardes.
Gebruik hiervoor div:last-child en div:first-child
if ($active.length == 0 ) $active = $('#slideshow div:last');
var $next = $active.next().length ? $active.next() : $('#slideshow div:first');


De regel hieronder moet zo zijn
setInterval(slideSwitch, 4000);

bij test van browsera.com krijg ik drie javascript erroros
Ik zie dat je lightbox2 gebruikt - http://lokeshdhakar.com/projects/lightbox2/ Je zou de laatste versie 2.82 kunnen downloaden. Nu gebruik je 2.51. Ook kun je op deze site naar de examples en getting started kijken of ergens iets verkeerd staat.

Suc6. Have fun.
 
j query

Hallo Bron, Bedankt voor de uitleg.

Waarom moet je voor mijn site verversen, bij anderen hoeft dat toch ook niet. Wat heb ik verkeerd gedaan?

ALs ik
<script src="lightbox/js/jquery-1.7.2.min.js"></script> weghaal werkt de lichtbox niet meer??

mvg anblauw
 
De volgorde iets aanpassen én 1 jquery kiezen (niet alle 3 gebruiken). Maak wel eerst even een backup van je huidige code.
Code:
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Schilderijen van Mafokke</title>
<meta name="description" content="Foto's van schilderijen">
<meta name="keywords" content="schilderijen">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="dcterms.created" content="vr, 23 okt 2015 13:50:30 GMT">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster">
<link rel="stylesheet" href="lightbox/css/lightbox.css">
<link rel="stylesheet" href="stylede.css">
<!-- begin jquery - gebruik 1 van de volgende 3 regels -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- eind jquery -->
<script src="lightbox/js/lightbox.js"></script>
<script type="text/javascript">
function slideSwitch() {
  var $active = $('#slideshow div.active');
  if ( $active.length == 0 ) $active = $('#slideshow div:last-child');
  var $next = $active.next().length ? $active.next() : $('#slideshow div:first-child');
  $active.addClass('last-active');
  $next.css({opacity: 0.0})
    .addClass('active')
    .animate({opacity: 1.0}, 3000, function() {
    $active.removeClass('active last-active');
    });
}
$(function() {
  setInterval(slideSwitch, 4000 );
});
</script>
</head>

Na een wijziging in je code is het altijd raadzaam je pagina te verversen. Hiermee wordt de pagina opnieuw ingelezen en wordt niet de oude code uit de cache gebruikt.

Suc6 :)
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan