Showtime Nivoslider werkt niet?

culdoc · Post by **culdoc** » Wed Sep 26, 2012 12:24 pm

Ik heb op 1 pagina al in de template een Showtime album met jQuery script.

Nu wil ik een Nivoslider op een pagina plaatsen maar de foto's komen niet in beeld, blijft zo'n laad icoontje lopen.

Komt dat door de dubbele albums?

timdebuurman · Post by **timdebuurman** » Thu Sep 27, 2012 5:20 am

Kun je eens kijken in de broncode of de jquery-library maar 1 keer wordt aangeroepen?

Als het 2 keer gebeurt, gaat het fout, dan 1-tje weg halen.

culdoc · Post by **culdoc** » Thu Sep 27, 2012 9:59 am

Ik heb geen extra Jquery geinstalleerd.

Waar moet ik wat extra code weghalen:
Code in sjabloon:

Code: Select all

{process_pagedata}<!DOCTYPE html>
<__html>
<head>
<title>{sitename} - {title}</title>
{metadata}
{cms_stylesheet}
</head>
</__body>
<div id="containter_top"></div>

<div id="container">
	<div id="header">
		{global_content name='logo'}
	</div><!-- header -->
	
	<div id="menu">
		{menu template="menu" number_of_levels=1}
	</div><!-- menu -->

	<div id="content">
		{Showtime show='2'}

		{menu template="subnavigatie" number_of_levels="2" start_level="2"}

		<div id="text" class="full">
			<h1>{title}</h1>
			{content}
		</div><!-- text -->

		<div class="clear"></div>
	</div><!-- content -->
</div><!-- container -->
<__body>
</__html>

Broncode in browser:

Code: Select all

<!DOCTYPE html>
<__html>
<head>
<title>Techno West Services - Historie</title>
<base href="http://www.technowest.nl/" />
<meta name="Generator" content="CMS Made Simple - Copyright (C) 2004-11 Ted Kulp. All rights reserved." />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 

<link rel="stylesheet" type="text/css" href="http://www.technowest.nl/tmp/cache/stylesheet_combined_d5314f6d8bf3d98283d1ed6ba5d16334.css" media="all" />


<!--css for show2-->
<link rel="stylesheet" type="text/css" href="http://www.technowest.nl/modules/Showtime/templates/css/Show_2.css" />
<!--css for show3-->
<link rel="stylesheet" type="text/css" href="http://www.technowest.nl/modules/Showtime/templates/css/Show_3.css" />
<!--LOAD SHOWTIME jQuery-->
<__script__ type="text/javascript" src="http://www.technowest.nl/modules/Showtime/templates/jquery/jquery-1.4.2.js" ></__script>
<__script__ type="text/javascript" src="http://www.technowest.nl/modules/Showtime/templates/jquery/jquery.cycle.all.min.js" ></__script>
<!--END SHOWTIME-->
</head></__body>
<div id="containter_top"></div>

<div id="container">
	<div id="header">
		<h1><a href="http://www.technowest.nl/"><img title="Techno West Services" src="uploads/images/design/logo.jpg" alt="Techno West Services" width="486" height="80" /></a><span>Techno West Services</span></h1>
	</div><!-- header -->
	
	<div id="menu">
		  
<ul>



    <li class="">
      <a href="http://www.technowest.nl/">HOME</a>


</li>



    <li class="">
      <a href="http://www.technowest.nl/index.php?page=ons-bedrijf">ONS BEDRIJF</a>


</li>



    <li class="">
      <a href="http://www.technowest.nl/index.php?page=verhuur">VERHUUR</a>


</li>



    <li class="">
      <a href="http://www.technowest.nl/index.php?page=verkoop">VERKOOP</a>


</li>



    <li class="">
      <a href="http://www.technowest.nl/index.php?page=service">SERVICE</a>


</li>



    <li class="">
      <a href="http://www.technowest.nl/index.php?page=onderdelen">ONDERDELEN</a>


</li>



    <li class="">
      <a href="http://www.technowest.nl/index.php?page=transport">TRANSPORT</a>


</li>


    
    <li class="last">
      <a href="http://www.technowest.nl/index.php?page=contact">CONTACT</a>


</li>
</ul>

	</div><!-- menu -->

	<div id="content">
		<!-- generated by showtime Module start -->
        <__script__ type="text/javascript">
        
        $(document).ready(function(){
			var lastslide=0;
			$('ul#slides_2').cycle({ 
				before: onbefore_2,
				fx: 'fade',
				speed:    1000, 
				timeout:  5000,
 
				pagerEvent: 'mouseover',
		
				fastOnEvent: false,
				pause: 0,
				pauseOnPagerHover: 0,
				prev: '#prev_2',
				next: '#next_2',
				after: onafter_2 
			});

            $("#slideshow_2").hover(function() {
                $("ul#prevnextnav_2").fadeIn();
            },
                function() {
                $("ul#prevnextnav_2").fadeOut();
            });
           
                    function onbefore_2() {
                $('#com_2_'+lastslide).clearQueue();
                $('#com_2_'+lastslide).hide();
            }
            function onafter_2(curr, next, opts) {
                var index = opts.currSlide;
                var indexlast = opts.lastSlide;
                $('#com_2_'+index).queue(function (){
                    lastslide=index;
                    $(this).delay(100);
                    $(this).fadeIn(400);
                    $(this).dequeue();
                });
            }
                });

        
        </__script>

        <div id="slideshow_2" class="pics">
                        <div id="comments_st_2">
                            <div id="com_2_0" class="commentsparts_st_2">Modern, eigentijds bedrijf</div>
                                <div id="com_2_1" class="commentsparts_st_2">Topmerken, Linde Manitou en Terberg</div>
                                <div id="com_2_2" class="commentsparts_st_2">Performance in logistiek</div>
                                <div id="com_2_3" class="commentsparts_st_2">IJzersterk in transport</div>
                                <div id="com_2_4" class="commentsparts_st_2">Eigen voorraad, voor verhuur en verkoop</div>
                            </div>
                    
                    <ul id="prevnextnav_2">
                    <li id="prev_2"><a href="#">Previous</a></li>
                    <li id="next_2"><a href="#">Next</a></li>
            </ul>
                         
            <ul id="slides_2">
                            <li><img width="990" height="300" style="position:absolute; left:0px; top:0px;" 
					src="http://www.technowest.nl/uploads/images/slider/home/01.jpg" alt="Modern, eigentijds bedrijf" title="01.jpg" />
                                    </li>
                             <li><img width="990" height="300" style="position:absolute; left:0px; top:0px;" 
					src="http://www.technowest.nl/uploads/images/slider/home/02.jpg" alt="Topmerken, Linde Manitou en Terberg" title="02.jpg" />
                                    </li>
                             <li><img width="990" height="300" style="position:absolute; left:0px; top:0px;" 
					src="http://www.technowest.nl/uploads/images/slider/home/03.jpg" alt="Performance in logistiek" title="03.jpg" />
                                    </li>
                             <li><img width="990" height="300" style="position:absolute; left:0px; top:0px;" 
					src="http://www.technowest.nl/uploads/images/slider/home/04.jpg" alt="IJzersterk in transport" title="04.jpg" />
                                    </li>
                             <li><img width="990" height="300" style="position:absolute; left:0px; top:0px;" 
					src="http://www.technowest.nl/uploads/images/slider/home/05.jpg" alt="Eigen voorraad, voor verhuur en verkoop" title="05.jpg" />
                                    </li>
                        </ul>              
        </div> 

<!-- generated by showtime Module end -->


		  
<div id="subnavigation">
<ul>

        <li class="active"><a class="active" href="http://www.technowest.nl/index.php?page=historie">Historie</a>


</li>

<li><a href="http://www.technowest.nl/index.php?page=ons-team">Ons team</a>


</li>
</ul>
</div>


		<div id="text" class="full">
			<h1>Historie</h1>
			<!-- generated by showtime Module start -->
        <__script__ type="text/javascript">
        
		$(document).ready(function(){				
			$(window).load(function() {
                                  $('#slider3').nivoSlider({ 
					effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
					slices: 15, // For slice animations
					boxCols: 8, // For box animations
					boxRows: 4, // For box animations
					animSpeed: 1000, // Slide transition speed
					pauseTime: 3000, // How long each slide will show
					startSlide: 0, // Set starting Slide (0 index)
					directionNav: true, // Next & Prev navigation
					directionNavHide: true, // Only show on hover
					controlNav: true, // 1,2,3... navigation
					controlNavThumbs: false, // Use thumbnails for Control Nav
					controlNavThumbsFromRel: true, // Use image rel for thumbs
					//controlNavThumbsSearch: '.jpg', // Replace this with...
					//controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
					keyboardNav: true, // Use left & right arrows
					pauseOnHover: true, // Stop animation while hovering
					manualAdvance: false, // Force manual transitions
					captionOpacity: 0.8, // Universal caption opacity
					prevText: 'Prev', // Prev directionNav text
					nextText: 'Next', // Next directionNav text
					randomStart: false, // Start on a random slide
					
					beforeChange: function(){}, // Triggers before a slide transition
					afterChange: function(){}, // Triggers after a slide transition
					slideshowEnd: function(){}, // Triggers after all slides have been shown
					lastSlide: function(){}, // Triggers when last slide is shown
					afterLoad: function(){} // Triggers when slider has loaded				
				});
			});
		});

		
		</__script>
				
				
				
    <div class="slider-wrapper">
        <div id="slider3" class="nivoSlider">
                                <img src="http://www.technowest.nl/uploads/images/History/01.jpg"  alt="" title="#htmlcaption_14" rel="http://www.technowest.nl/uploads/images/History/thumb_01.jpg"  />
                                            <img src="http://www.technowest.nl/uploads/images/History/02.jpg"  alt="" title="#htmlcaption_15" rel="http://www.technowest.nl/uploads/images/History/thumb_02.jpg"  />
                                            <img src="http://www.technowest.nl/uploads/images/History/03.jpg"  alt="" title="#htmlcaption_16" rel="http://www.technowest.nl/uploads/images/History/thumb_03.jpg"  />
                                            <img src="http://www.technowest.nl/uploads/images/History/04.jpg"  alt="" title="#htmlcaption_17" rel="http://www.technowest.nl/uploads/images/History/thumb_04.jpg"  />
                                            <img src="http://www.technowest.nl/uploads/images/History/05.jpg"  alt="" title="#htmlcaption_18" rel="http://www.technowest.nl/uploads/images/History/thumb_05.jpg"  />
                            </div>
        
                        <div id="htmlcaption_14" class="nivo-html-caption"><h2>01.jpg</h2>
        </div>
                <div id="htmlcaption_15" class="nivo-html-caption"><h2>02.jpg</h2>
        </div>
                <div id="htmlcaption_16" class="nivo-html-caption"><h2>03.jpg</h2>
        </div>
                <div id="htmlcaption_17" class="nivo-html-caption"><h2>04.jpg</h2>
        </div>
                <div id="htmlcaption_18" class="nivo-html-caption"><h2>05.jpg</h2>
        </div>
            	    </div>
<!-- generated by showtime Module end -->
		</div><!-- text -->

		<div class="clear"></div>
	</div><!-- content -->
</div><!-- container -->
<__body>
</__html>

timdebuurman · Post by **timdebuurman** » Fri Sep 28, 2012 8:29 pm

Ik heb de pagina in verschillende browsers bekeken, maar beiden doen het gewoon..

culdoc · Post by **culdoc** » Fri Sep 28, 2012 8:48 pm

Ik heb nu even de flash versie in de pagina geplaatst.
Maar als ik de nivoslider er in zet dan gaat het mis.

Jos · Post by **Jos** » Fri Sep 28, 2012 9:18 pm

Als ik de broncode van je beginpagina nu bekijk, dan zie ik toch echt dat de jquery library 2x aangeroepen wordt:

<__script__ type="text/javascript" src="/uploads/js/jquery.1.4.2.js"></__script>
<__script__ type="text/javascript" src="/uploads/js/jquery_scripts.js"></__script>


<link rel="stylesheet" type="text/css" href="http://www.technowest.nl/modules/Showti ... Show_2.css" />

<__script__ type="text/javascript" src="http://www.technowest.nl/modules/Showti ... y-1.4.2.js" ></__script>

Showtime heeft een setting waarmee je het automatisch invoegen van de aanroep naar jQuery uitschakelt.

culdoc · Post by **culdoc** » Sat Sep 29, 2012 12:47 pm

Ik heb nu in de header deze staan:

<__script__ type="text/javascript" src="/uploads/js/jquery.1.4.2.js"></__script>
<__script__ type="text/javascript" src="/uploads/js/jquery_scripts.js"></__script>
</head>

en bij de Showtimemodule "Laad jQuery script" uitgevinkt.

Zie pagina:
http://www.technowest.nl/index.php?page=historie

Dan laad de animatie niet... Zowel Show 1 als 2 niet.
Doe ik de bovenste 2 scripttypes weghalen gebeurt er ook niets.
Haal ik ze weg en zet "Laad jQuery script" aangevinkt dan doet de 1e show het wel, de 2e niet.

Code: Select all


----------------------------------------------

Cms Version: [b]1.11.1[/b]

Installed Modules:

    CMSMailer: [b]5.2.1[/b]
    CMSPrinting: [b]1.0.3[/b]
    FileManager: [b]1.4.0[/b]
    MenuManager: [b]1.8.3[/b]
    ModuleManager: [b]1.5.5[/b]
    News: [b]2.12.8[/b]
    Search: [b]1.7.7[/b]
    ThemeManager: [b]1.1.7[/b]
    TinyMCE: [b]2.9.11[/b]
    MicroTiny: [b]1.2.3[/b]
    Showtime: [b]3.2[/b]
    CMSMS4DW: [b]1.2[/b]
    Gallery: [b]1.6[/b]
    CGExtensions: [b]1.31[/b]


Config Information:

    php_memory_limit: [b][/b]
    process_whole_template: [b][/b]
    output_compression: [b][/b]
    max_upload_size: [b]8000000[/b]
    url_rewriting: [b]none[/b]
    page_extension: [b][/b]
    query_var: [b]page[/b]
    image_manipulation_prog: [b]GD[/b]
    auto_alias_content: [b]true[/b]
    locale: [b][/b]
    default_encoding: [b]utf-8[/b]
    admin_encoding: [b]utf-8[/b]
    set_names: [b]true[/b]


Php Information:

    phpversion: [b]5.2.17[/b]
    md5_function: [b]Aan[/b] (Waar)
    gd_version: [b]2[/b]
    tempnam_function: [b]Aan[/b] (Waar)
    magic_quotes_runtime: [b]Uit[/b] (Onwaar)
    E_STRICT: [b]0[/b]
    memory_limit: [b]128M[/b]
    max_execution_time: [b]200[/b]
    output_buffering: [b]Aan[/b]
    safe_mode: [b]Uit[/b] (Onwaar)
    file_uploads: [b]Aan[/b] (Waar)
    post_max_size: [b]8M[/b]
    upload_max_filesize: [b]8M[/b]
    session_save_path: [b]Geen controle omdat 'open_basedir' actief is[/b]
    session_use_cookies: [b]Aan[/b] (Waar)
    xml_function: [b]Aan[/b] (Waar)
    xmlreader_class: [b]Aan[/b] (Waar)


Server Information:

    Server Api: [b]apache2handler[/b]
    Server Db Type: [b]MySQL (mysql)[/b]
    Server Db Version: [b]5.1.65[/b]
    Server Db Grants: [b]Er is een "GRAND ALL" permissie gevonden, alles lijkt in orde.[/b]


----------------------------------------------

timdebuurman · Post by **timdebuurman** » Sat Sep 29, 2012 8:39 pm

En als je 1 van de twee weghaalt?

Wat ook wel eens wil schelen, is als je in de aanroep
{root_url} ervoor zet.

Dan word het
"http://www.technowest.nl/uploads/js/jquery.1.4.2.js"

in plaats van
"/uploads/js/jquery.1.4.2.js"

CMS Made Simple Forums

Showtime Nivoslider werkt niet?

Showtime Nivoslider werkt niet?

Re: Showtime Nivoslider werkt niet?

Re: Showtime Nivoslider werkt niet?

Re: Showtime Nivoslider werkt niet?

Re: Showtime Nivoslider werkt niet?

Re: Showtime Nivoslider werkt niet?

Re: Showtime Nivoslider werkt niet?

Re: Showtime Nivoslider werkt niet?