jQuery: Backstretch

2. november 2013

Hei.

Hvordan får jeg brukt Backstretch jQueryen?
Forstår ikke hvordan jeg skal få den implementert i nettsiden min. Bruker Dreamweaver.
Prøvde å følge denne guiden, men uten hell.

SPOILER ALERT! Vis spoiler

Utifra hva jeg forstår av den guiden så skal man plassere link til jQueryen slik:

HTML-kode

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<script src="https://raw.github.com/srobbin/jquery-backstretch/master/jquery.backstretch.min.js"></script>
<script>
// Your code goes here.
</script>
</body>
</html>

Og putte

HTML-kode

/*
* At its core, Backstretch is a one-line plugin.
* Just pass in the path to an image, and you're done.
*/
 
$.backstretch("http://dl.dropbox.com/u/515046/www/garfield-interior.jpg");

Inn mellom <Script></Script>

Slik at koden ser slik ut til slutt:

HTML-kode

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<script src="https://raw.github.com/srobbin/jquery-backstretch/master/jquery.backstretch.min.js"></script>

<script>
/*
* At its core, Backstretch is a one-line plugin.
* Just pass in the path to an image, and you're done.
*/
 
$.backstretch("http://dl.dropbox.com/u/515046/www/garfield-interior.jpg");
</script>
</body>
</html>

Jeg får det ikke til å fungere.
Hva gjør jeg galt?

Junk.

MrMrtn

<?php getUserTitle(); ?>

587 405

2. november 2013

Du må nok huske å inkludere jQuery også

Legg til

HTML-kode

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

over den andre include'n din.

Sist endret av MrMrtn; 2. november 2013 kl. 22:02.

Yochi

1.025 230

2. november 2013

Får du noen feilmeldinger i console?

Edit:

Forrige svaret gir vel løsningen

Sist endret av Yochi; 2. november 2013 kl. 22:05.

s1gh

1.785 384

2. november 2013

Følgende linje i kombinasjon med at du ikke inkluderer JQuery gjør at det ikke fungerer:

Vis hele sitatet...

Om du laster ned .js-filen og endrer til følgende kode vil det fungere:

Kode

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
</head>
<body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.backstretch.js"></script>
<a href="http://jquery.com/">jQuery</a>
<script>
/*
* At its core, Backstretch is a one-line plugin.
* Just pass in the path to an image, and you're done.
*/
 
$.backstretch("http://dl.dropbox.com/u/515046/www/garfield-interior.jpg");
</script>
</body>
</html>

Man kan også endre github-url. I stedet for å bruke raw.github.com/xxxx, så er det mulig å benytte seg av rawgithub.com.

Dermed kan man inkludere JS direkte fra github på f.eks. følgende måte:

Kode

<script src="//rawgithub.com/srobbin/jquery-backstretch/master/jquery.backstretch.min.js"></script>

eller

Kode

<script src="https://rawgithub.com/srobbin/jquery-backstretch/master/jquery.backstretch.min.js"></script>