Conflicting jquery/js filer i html fil

[Frode99]

Noen som er flink med JS/jquery? Trenger hjelp Har to jquery script som ikke funker sammen. Har lest litt på det, men klarer ikke å få begge til å funke samtidig.. Grrr.. Den som står først er den som funker. (regner med det er fordi det er den som blir calla med $(document).ready(function(){) først.

 

For news slider:

<script type="text/javascript">
//<![CDATA[
   $(document).ready(function(){

       $("#myController").jFlow({
           slides: "#mySlides",
           width: "387px",
           height: "254px",
           duration: 400
       });		
   });
   //]]>

 

For prettyphoto slider:

			<script type="text/javascript" charset="utf-8">
		$(document).ready(function(){
			$("area[rel^='prettyPhoto']").prettyPhoto();

			$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: true});
			$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});

			$("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
				custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
				changepicturecallback: function(){ initialize(); }
			});

			$("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({
				custom_markup: '<div id="bsap_1259344" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div><div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',
				changepicturecallback: function(){ _bsap.exec(); }
			});
		});
		</script>

 

JS filer for prettyphoto:

http://tera-norge.com/jquery.prettyPhoto.js

Js filer for news slider:

http://tera-norge.com/jquery.flow.1.0.js

http://tera-norge.com/js/jq_slideshow.js

Endret 5. mars 2012 av Frode99

[agm]

Prøv en nyere versjon av jFlow (jFlow plus v2)

Endret 6. mars 2012 av agm

[Frode99]

Hjalp ikke :\

 

Jeg har kommet meg lenger ved å bruke noConflict:

 

 

<!--prettyphoto Files -->
<script src="jquery-1.7.1.js" type="text/javascript"></script>
		    <script 
			var jq171 = jQuery.noConflict();
</script>
<script src="js/jq_1.4.4.js" type="text/javascript"></script>
			<script>
			var jq144 = jQuery.noConflict();
</script>
   <script type="text/javascript" src="jquery-1.2.3.min.js">
</script>
	<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
	<script src="jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<!--prettyphoto Files -->
   <link rel="stylesheet" type="text/css" href="style.css" />
<!--SlideShow Files -->
   <link rel="stylesheet" type="text/css" href="slideshow.css" />
   <script type="text/javascript" src="js/jq_slideshow.js">
</script>
   <link rel="stylesheet" type="text/css" href="ddcolortabs.css" />
   <link rel="stylesheet" type="text/css" href="slider.css" />
  <script type="text/javascript" src="jquery.flow.2.0.js">
</script>
<script type="text/javascript">
//<![CDATA[
   $(document).ready(function(){

       $("#myController").jFlow({
           slides: "#mySlides",
           width: "387px",
           height: "254px",
           duration: 400
       });		
   });
   //]]>
   </script>

 

Jeg får da lastet inn begge jquery bibliotekene. News slider funker, prettyPhoto bildet funker, men av en eller annen grunn vil ikke youtube linken lastet i prettyphoto containern.. Bah. Forslag?

 

Se her: http://www.tera-norge.com/media.php

Endret 7. mars 2012 av Frode99