Halloo,
für das Problem wurde zwar bereits in vielen Foren nach Hilfe gesucht, aber nach meiner langen Suche habe ich immernoch keine Lösung für meine Scripte gefunden.
Es geht darum, dass ich zwei Javascripts gleichzeitig auf einer Seite laufen lassen möchte - die sich allerdings gegenseitig stören. Somit funktioniert immer nur eins der beiden (ich glaube das, welches man zu erst anspricht).
Wäre nett, wenn mir da kurz jemand sagt wo ich was ändern muss.
Nummer 1:
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
<!-- //
/*<![CDATA[*/
$(document).ready(function() {
//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
});
/*<]]>*/
//-->
</script>
Und Nummer 2:
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
var data = {
'1075.jpg': { caption: 'Text.' },
'1076.jpg': { caption: 'Text.' },
'1077.jpg': { caption: 'Text.' },
};
var myShow = new Slideshow('show', data, {controller: true, height: 300, hu: 'images/', thumbnails: true, width: 400});
});
//]]>
</script>
Ich muss dazu sagen, dass ich nicht besonders viel Ahnung von Javascript habe. ;)
Grüße,
Dennis