jQuery - Slider funktioniert nicht im Akkordeon

SaFl

Neues Mitglied
Moin moin,

Liebe gemeinde. Dies ist meine erste Frage und ich hoffe ihr könnt mir helfen?!
Falss ich im falschen Topic bin bitte verschieben.

Bin in HTML, CSS und PHP ziemlich fit. Für mein aktuelles Projekt reicht das leider nicht mehr aus. Ich war auf der Suche nach einem Akkordeon und nach einem ImageSlider für eine Art Bildergallerie. Ich wurde im Thema jQuery auch fündig. Habe einige Beispiele und Tutorials durch und beides für sich genommen funktioniert nun auch.

Nun mein Problem:

Wenn ich den Slider in das Akkordeon einbaue, funktioniert der Slider nicht mehr. Kennt ihr dieses Problem?

Code:
<link href="neu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script>
<script type="text/javascript" src="java.js"></script>
<script type="text/javascript" src="stepcarousel.js"></script>
<script type="text/javascript">

//Slider
stepcarousel.setup({
	galleryid: 'mygallery', //id of carousel DIV
	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
	panelclass: 'panel', //class of panel DIVs each holding content
	autostep: {enable:false, moveby:1, pause:3000},
	panelbehavior: {speed:500, wraparound:false, wrapbehavior:'slide', persist:true},
	defaultbuttons: {enable: true, moveby: 1, leftnav: ['button1.png', -40, 60], rightnav: ['button2.png', -3, 60]},
	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})

</script>
</head>
 
<body>


//Akkordeon
<div id="AccordionContainer" class="AccordionContainer">

  <div onclick="runAccordion(1);">
    <div class="AccordionTitle" onselectstart="return false;">
     <img src="button/1.png">
    </div>
  </div>
  <div id="Accordion1Content" class="AccordionContent">
    <div class='test'></div>
  </div>

  <div onclick="runAccordion(2);">
    <div class="AccordionTitle" onselectstart="return false;">
     <img src="button/2.png">
    </div>
  </div>
  <div id="Accordion2Content" class="AccordionContent">
    I Am Accordion 2.
  </div>


</div>


//Slider der in das Akkordeon soll
<div id="mygallery" class="stepcarousel">
	<div class="belt">
		<div class="panel">
			<img src="1.jpg" height="150px" />
		</div>
		<div class="panel">
			<img src="2.jpg" height="150px" />
		</div>
		<div class="panel">
			<img src="3.jpg" height="150px" />
		</div>
		<div class="panel">
			<img src="4.jpg" height="150px" />
		</div>
		<div class="panel">
			<img src="5.jpg" height="150px" />
		</div>
		<div class="panel">
			<img src="6.jpg" height="150px" />
		</div>
	</div>
</div>

Akkordeon:
Java:
var ContentHeight = 200;
var TimeToSlide = 250.0;

var openAccordion = '';

function runAccordion(index)
{
  var nID = "Accordion" + index + "Content";
  if(openAccordion == nID)
    nID = '';
   
  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'"
      + openAccordion + "','" + nID + "')", 33);
 
  openAccordion = nID;
}

function animate(lastTick, timeLeft, closingId, openingId)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
 
  var opening = (openingId == '') ? null : document.getElementById(openingId);
  var closing = (closingId == '') ? null : document.getElementById(closingId);
 
  if(timeLeft <= elapsedTicks)
  {
    if(opening != null)
      opening.style.height = ContentHeight + 'px';
   
    if(closing != null)
    {
      closing.style.display = 'none';
      closing.style.height = '0px';
    }
    return;
  }
 
  timeLeft -= elapsedTicks;
  var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);

  if(opening != null)
  {
    if(opening.style.display != 'block')
      opening.style.display = 'block';
    opening.style.height = (ContentHeight - newClosedHeight) + 'px';
  }
 
  if(closing != null)
    closing.style.height = newClosedHeight + 'px';

  setTimeout("animate(" + curTick + "," + timeLeft + ",'"
      + closingId + "','" + openingId + "')", 33);
}

Danke im Voraus

Tom
 

Helgon

Bekanntes Mitglied
Kannste vllt den Code vom stepcarousel.js posten bitte

Und ja, ich kenn das Problem, dass manche Plugins sich da gegenseitig behindern... Was passiert den, wenn du den Slider in ein accordioncontent1 packst? geht der slider dann gar nicht mehr oder nur das akkorden nicht, oder gar nix?

Grüße
 
Zuletzt bearbeitet:

SaFl

Neues Mitglied
Guten Morgen,
danke für eure Hilfe. Den Code gibt es nun nicht mehr, da ich mir eine andere Methode einfallen habe, wie ich meine Gallerie Präsentiere. Dies funktioniert einwandfrei.

Trotzdem Danke für die Mühe!
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
B jquery mobile popup verzögert ausführen Angular, React, JQuery - Fragen zu JavaScript 2
SKB jQuery Autocomplete - Title Attribute wird nur bei Mousehover gezeigt - nicht bei Pfeil Navi Angular, React, JQuery - Fragen zu JavaScript 0
isatindersinght jquery convert html to image Angular, React, JQuery - Fragen zu JavaScript 0
S URL Abfrage in Jquery? Angular, React, JQuery - Fragen zu JavaScript 9
J jquery selector? Angular, React, JQuery - Fragen zu JavaScript 9
E AJAX/JQUERY/rxjs Angular, React, JQuery - Fragen zu JavaScript 0
L Bildbearbeitung HTML5 Canvas Fabric.js Jquery Angular, React, JQuery - Fragen zu JavaScript 4
boxi Jquery bei Ajax Call wird response ignoriert. Angular, React, JQuery - Fragen zu JavaScript 2
D Seite mit Jquery in Pop-Up als IFrame einbinden Angular, React, JQuery - Fragen zu JavaScript 1
M JQuery Bilder austauschen Angular, React, JQuery - Fragen zu JavaScript 92
S Tabelle mit jQuery Angular, React, JQuery - Fragen zu JavaScript 6
M JQuery Parameter mit Post übergeben Angular, React, JQuery - Fragen zu JavaScript 4
F jQuery Tabs + Accordion Angular, React, JQuery - Fragen zu JavaScript 5
E Jquery Script gesucht Angular, React, JQuery - Fragen zu JavaScript 3
S Twitter Anzeige via jQuery Angular, React, JQuery - Fragen zu JavaScript 2
M JQuery in Eclipse Angular, React, JQuery - Fragen zu JavaScript 1
simon.demel Java Slider Angular, React, JQuery - Fragen zu JavaScript 3
S Suche Lösung für einen Slider mit Textverlinkung Angular, React, JQuery - Fragen zu JavaScript 2
Aleyna_ Einbinden von js (ts) und HTML-Datei funktioniert nicht Angular, React, JQuery - Fragen zu JavaScript 16
Lighty Math.pow funktioniert nicht innerhalb Funktion/Schleife Angular, React, JQuery - Fragen zu JavaScript 7
leix "setInterval" funktioniert nicht Angular, React, JQuery - Fragen zu JavaScript 2
P Lauftext als Java Script Mehrmals auf einer Seite abspielen funktioniert nicht Angular, React, JQuery - Fragen zu JavaScript 3
P Sweetallert funktioniert nicht im Formular Angular, React, JQuery - Fragen zu JavaScript 0
A onmouseover funktioniert nicht recht Angular, React, JQuery - Fragen zu JavaScript 9
S Kleine JS-Funktion funktioniert im Firefox nicht wie sie sollte Angular, React, JQuery - Fragen zu JavaScript 9
K Wie funktioniert Funktionsüberladung in Javascript? Angular, React, JQuery - Fragen zu JavaScript 5
F Script funktioniert im IE aber nicht im Firefox Angular, React, JQuery - Fragen zu JavaScript 3
B Script funktioniert nach Firefox Update nicht mehr?? Angular, React, JQuery - Fragen zu JavaScript 2
G Java installiert, funktioniert aber nicht? Angular, React, JQuery - Fragen zu JavaScript 2
K Chat funktioniert nur unter FF. Warum? Angular, React, JQuery - Fragen zu JavaScript 7
U Function funktioniert nur einmal Angular, React, JQuery - Fragen zu JavaScript 2
M Programm nutzt Java und funktioniert nicht mehr! Angular, React, JQuery - Fragen zu JavaScript 1
M habe java code aber etwas funktioniert nicht Angular, React, JQuery - Fragen zu JavaScript 2
E Wieso funktioniert dieses Script bei mir nicht Angular, React, JQuery - Fragen zu JavaScript 2
G Weiterleitung funktioniert nicht richtig Angular, React, JQuery - Fragen zu JavaScript 4
M Warum funktioniert der Code nur einmal im Frame? Angular, React, JQuery - Fragen zu JavaScript 2
B Bannerrotation funktioniert nicht, wer kann helfen? Angular, React, JQuery - Fragen zu JavaScript 6
C JS funktion funktioniert nicht / wird nicht aufgerufen. Angular, React, JQuery - Fragen zu JavaScript 2

Ähnliche Java Themen


Oben