Problem with jQuery

2

I can not make jQuery work This is my website bersekerprueba.esy.es

Download it and follow these instructions link

What am I missing?

In my FTP I have the folders

bjqs.css

demo.css

Styles.css

Index.html

Folder / Images (With the 3 images called 1 2 and 3)

Folder / Js (jquery-3.0.0.min ////     bjqs-1.3.min.js ////     bjqs-1.3.js)

<!DOCTYPE html>
<html>
    
<head>	
	<meta charset = "utf-8">
	<meta name="Indumentaria Zona Oeste" content="Indumentaria"/>
	<meta name="berseker, berserkerbsas, brsker" content="Berseker, Indumentaria">
	<link rel="stylesheet" href="../jquery.bxslider.css">
	<link href="Estilos.css" rel="stylesheet" type="text/css" >	
	<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Include the plugin *after* the jQuery library -->
<script src="bjqs.min.js"></script>
<!-- Include the basic styles -->
<link type="text/css" rel="Stylesheet" href="bjqs.css" />

</head>


<h1 align= center>
		<img src= Imagenes\header.jpg>
</h1>
	</div>
	<span class="fuente-1">	
	<div class="inner">

<nav> 
	<ul>
		<li><a href=”A”>Inicio</a></li>
		<li><a href=”A”>Modelos</a></li>
		<li><a href=”A”>Social</a></li>
		<li><a href="A">Contacto</a></li>
	</ul>		
	</div>
</nav>

<body>
<div id="my-slideshow">
	<ul class="bjqs">
		<img src="Imagenes/1.jpg" title="Automatically generated caption"></li>
		<img src="Imagenes/2.jpg" title="Automatically generated caption"></li>
	</ul>
</div>

<script class="secret-source">
        jQuery(document).ready(function($) {

          $('#banner-fade').bjqs({
            height      : 320,
            width       : 620,
            responsive  : true
          });

        });
 </script>
 <script src="js/libs/jquery.secret-source.min.js"></script>

    <script>
    jQuery(function($) {

        $('.secret-source').secretSource({
            includeTag: false
        });

    });
    </script>
</body>
    
asked by Nahuel Palacios 16.06.2016 в 06:18
source

2 answers

3

When you see the logs of the console you are calling bad libraries and the css:

<link rel="stylesheet" href="../jquery.bxslider.css">
<link href="Estilos.css" rel="stylesheet" type="text/css" > 
<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="bjqs.min.js"></script>
<link type="text/css" rel="Stylesheet" href="bjqs.css" />

It should be:

<link rel="stylesheet" href="path_completo/jquery.bxslider.css">
<link href="Estilos.css" rel="stylesheet" type="text/css" > 
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script src="path_completo/bjqs.min.js"></script>
<link type="text/css" rel="Stylesheet" href="path_completo/bjqs.css" />

Where path_completo is the path where those files are found, for example it could be:

<script src="js/bjqs-1.3.min.js"></script>
<link rel="stylesheet" href="css/jquery.bxslider.css">

EDIT

Once you have the calls right to each file, I was checking the html code and you have tags without opening, for example within the <ul> where you place the images you need to put the < strong> <li> for each image, review those errors, and try again.

Also in $ ('# banner-fade') you are placing the incorrect id, it should be: $ ('# my-slideshow') since that id is giving you the div that contains the slide.

    
answered by 16.06.2016 / 06:54
source
0

In your web page, it throws an error as if the js / bjqs.min.js file did not exist:

1.- I think you have not uploaded the files js / bjqs.min.js

2-.well the read permissions are not configured correctly

NEW RESPONSE EDITION

As I was afraid, there is no file called: js / bjqs.min.js .

Your file is called: js / bjqs-1.3.min.js

    
answered by 16.06.2016 в 21:05