Hallo zusammen,
Ich bin noch ein Anfänger was javascript und jquery angeht, aber ich bin bemüht es zu lernen und erste, kleine Erfolge konnte ich bereits erzielen. Jedoch hören bei dieser Aufgabe meine Kenntnisse auf so daß ich auf Hilfe angewiesen bin und ich hoffe diese hier zu finden.
Wie die Überschrift schon sagt würde ich gerne den
Fotorama Slider in Verbindung mit jquery.cookie verwenden. Warum?
Ich möchte, daß bei einem Klick zu einer Unterseite, nachdem sich die Unterseite geöffnet hat, der Slider an der Position weiterläuft, an der der Klick auf der vorherigen Seite stattgefunden hat. Einen Lösungsansatz dafür habe ich bekommen, jedoch sieht es so aus daß das Cookie nicht gesetzt wird. Es ist wahrscheinlich nur ein banaler Fehler, aber ich sehe ihn nicht.
Hier der bisherige Code (vereinfacht da das ganze in einem CMS läuft) :
HTML-Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Testseite</title>
<script src="jquery-2.1.1.min.js"></script>
<script src="fotorama.js"></script>
<script src="jquery.cookie.js"></script>
<script>
$(function () {
$('.fotorama').fotorama();
});
</script>
<script>
$(function() {
var fotoramaCookieName = 'fotoramaslide';
var fotoramaSlide = $.cookie(fotoramaCookieName);
var fotoramaOptions = {
width: 1024,
height: 319,
autoplay: true,
nav: false,
arrow: false,
transition: 'crossfade',
stopautoplayontouch: false,
transitionduration: 3000
};
if(fotoramaSlide !== 'undefined') {
fotoramaOptions.startindex = parseInt(fotoramaSlide,10);
}
$('.fotorama').on(
'fotorama:show',
function() {
$.cookie(fotoramaCookieName, fotorama.activeFrame);
}
).fotorama(fotoramaOptions);
});
</script>
<link rel="stylesheet" type="text/css" href="fotorama.css" />
</head>
<body>
<div id="fotorama"><div class="fotorama" data-auto="false">
<img src="images/1.jpg" alt="">
<img src="images/2.jpg" alt="">
<img src="images/3.jpg" alt="">
<img src="images/4.jpg" alt="">
<img src="images/5.jpg" alt="">
</div>
</div>
<div class="vert_menu">
<ul>
<li><a href="index.php?index">Home</a></li>
<li><a href="index.php?test-1">Test 1</a>
<ul>
<li><a href="index.php?test-1-1">Test 1-1</a></li>
</ul>
</li>
<li><a href="index.php?test-2">Test 2</a>
<ul>
<li><a href="index.php?test-2-1">Test 2-1</a></li>
</ul>
</li>
</ul></div>
</body>
Falls ein Link zu der Seite gewünscht wird poste ich diesen gerne.
Viele Grüße und besten Dank schonmal im vorraus
