zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Fotorama Slider mit jquery cookie nutzen?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.10.2014, 13:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.10.2014
Beiträge: 1
uwe367 befindet sich auf einem aufstrebenden Ast
Standard Fotorama Slider mit jquery cookie nutzen?

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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:08 Uhr.