Fotorama Slider mit jquery cookie nutzen?

uwe367 · #1 (**permalink**) 17.10.2014, 13:18

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

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Das jQuery UI Accordion Plugin ohne jquery kenntnisse nutzen?	papalapap	Javascript & Ajax	8	13.08.2012 22:00
Ausrichtung Kalender	greece4u	CSS	20	14.05.2012 13:32
Problem bei Cookie setzen mit Jquery	ha-bauer	Javascript & Ajax	0	19.11.2011 15:23
jQuery (coda slider) und prototype (Lightbox) konflikt	computernerd	Javascript & Ajax	3	21.09.2011 19:04
jquery Plugins in Wordpress nutzen?	hdwolle	Javascript & Ajax	2	10.01.2010 16:15