Blogengine.net 2.5 - Nivo Slider

Topics: ASP.NET 2.0, Business Logic Layer, Controls, Themes
Oct 14, 2012 at 11:50 AM

Hi

i like the slider in http://www.dotnetblogengine.net/ , i had downloaded nivo slider by rtur, i have follow all step but when i go to see in my home page i see only link EDIT for to enter in Setting SLider.

my blogengine is 2.5 and i use site.cshtml like razor ... i have used this link  @Helpers.NivoHelper.GetSlides("slider1") but nothing...

when i go in code of my home page i see this

 <div id="slider1" style="width: 640px; height: 220px;"><a href="#" style="display:none"><img runat="server" src="~/image.axd?picture=Slider/sample1.png" width="640" height="220" title="" alt="" /></a><a href="#" style="display:none"><img runat="server" src="~/image.axd?picture=Slider/sample2.png" width="640" height="220" title="sample two" alt="" /></a><a href="http://www.informarea.it" style="display:none"><img runat="server" src="~/image.axd?picture=Slider/test_informarea.jpg" width="640" height="220" title="informarea" alt="" /></a></div><a href="/Blogengine/User controls/NivoSlider/Admin.aspx?ctrl=slider1" runat="server" class="nivo-edit" style="left:600px">Edit</a><script type="text/javascript">$(window).load(function (){ LoadSlider('#slider1');});</script> 

 
can someone help me?
thank you very much
Fabrizio

Oct 15, 2012 at 4:56 PM

I'm trying but nothing ... the page is blank and I can not see the pictures ... why?
someone managed to install nivo slider?

Coordinator
Oct 15, 2012 at 5:26 PM

Are you getting any javascript errors? Sometimes you just need to hit Ctrl+F5 couple times to reset browser cache. Accidentally, I updated slider to have editing capabilities this weekend and going to post quick screencast later tonight, may be this will help. 

Oct 15, 2012 at 9:38 PM

Ok rtur..
there was a script error that I solved and it was generated by min.js, but the problem is not solved still see only the link EDIT, I did CTRL + F5 but nothing has changed ... this afternoon I re-downloaded the latest version updated to October 15 ... but nothing ...
you have other solutions that I can do?
thank you
Fabrizio


From: [email removed]
To: [email removed]
Date: Mon, 15 Oct 2012 09:26:44 -0700
Subject: Re: Blogengine.net 2.5 - Nivo Slider [blogengine:399272]

From: rtur
Are you getting any javascript errors? Sometimes you just need to hit Ctrl+F5 couple times to reset browser cache. Accidentally, I updated slider to have editing capabilities this weekend and going to post quick screencast later tonight, may be this will help.
Read the full discussion online.
To add a post to this discussion, reply to this email (blogengine@discussions.codeplex.com)
To start a new discussion for this project, email blogengine@discussions.codeplex.com
You are receiving this email because you subscribed to this discussion on CodePlex. You can unsubscribe on CodePlex.com.
Please note: Images and attachments will be removed from emails. Any posts to this discussion will also be available online at CodePlex.com
Coordinator
Oct 16, 2012 at 1:57 AM

Try to follow steps in this screencast to see if it works for you. I mean adding slider to the post before trying add it to the theme to make sure simple scenario works.

Oct 16, 2012 at 9:03 AM
I see the screencast but i dont have link gallery in setting Extensions and i can't to install it by that path... what version of BlogEngine use? 2.6?
but Nivo work with blogengine 2.5??
Thanks
Fabrizio



From: [email removed]
To: [email removed]
Date: Mon, 15 Oct 2012 17:57:47 -0700
Subject: Re: Blogengine.net 2.5 - Nivo Slider [blogengine:399272]

From: rtur
Try to follow steps in this screencast to see if it works for you. I mean adding slider to the post before trying add it to the theme to make sure simple scenario works.
Read the full discussion online.
To add a post to this discussion, reply to this email (blogengine@discussions.codeplex.com)
To start a new discussion for this project, email blogengine@discussions.codeplex.com
You are receiving this email because you subscribed to this discussion on CodePlex. You can unsubscribe on CodePlex.com.
Please note: Images and attachments will be removed from emails. Any posts to this discussion will also be available online at CodePlex.com
Oct 16, 2012 at 9:33 AM

mmm i see now that you , in your example Tutorial building nivoslider extension part 1, use jquery-1.6.1.min.js , i don't have this script i have 1.4.2..
perphaps is this the problem?
Fabrizio




From: [email removed]
To: [email removed]
Date: Mon, 15 Oct 2012 17:57:47 -0700
Subject: Re: Blogengine.net 2.5 - Nivo Slider [blogengine:399272]

From: rtur
Try to follow steps in this screencast to see if it works for you. I mean adding slider to the post before trying add it to the theme to make sure simple scenario works.
Read the full discussion online.
To add a post to this discussion, reply to this email (blogengine@discussions.codeplex.com)
To start a new discussion for this project, email blogengine@discussions.codeplex.com
You are receiving this email because you subscribed to this discussion on CodePlex. You can unsubscribe on CodePlex.com.
Please note: Images and attachments will be removed from emails. Any posts to this discussion will also be available online at CodePlex.com
Oct 16, 2012 at 11:03 AM

perhaps there is a conflict JQuery?

i have founded this:

var j = jQuery.noConflict();
j
(document).ready(function () {
j
('#slider').nivoSlider();
});

what do you think?




From: [email removed]
To: [email removed]
Date: Mon, 15 Oct 2012 17:57:47 -0700
Subject: Re: Blogengine.net 2.5 - Nivo Slider [blogengine:399272]

From: rtur
Try to follow steps in this screencast to see if it works for you. I mean adding slider to the post before trying add it to the theme to make sure simple scenario works.
Read the full discussion online.
To add a post to this discussion, reply to this email (blogengine@discussions.codeplex.com)
To start a new discussion for this project, email blogengine@discussions.codeplex.com
You are receiving this email because you subscribed to this discussion on CodePlex. You can unsubscribe on CodePlex.com.
Please note: Images and attachments will be removed from emails. Any posts to this discussion will also be available online at CodePlex.com
Oct 16, 2012 at 2:31 PM
Edited Oct 16, 2012 at 2:34 PM

Ok RTUR, the problem is a conflict with script js with jQuery

but how to solve?

the script is this and i use it for menu in home page.. in Site.cshtml...

do you have some suggestion to resolve the conflict???

thanksss

 

 

<script type="text/javascript">
	jQuery.noConflict();

	jQuery('ul.superfish, #page-menu ul.nav').superfish({ 
		delay:       300,                            // one second delay on mouseout 
		animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
		speed:       'fast',                          // faster animation speed 
		autoArrows:  true,                           // disable generation of arrow mark-up 
		dropShadows: false                            // disable drop shadows 
	});
	
	jQuery('ul.nav > li > a.sf-with-ul').parent('li').addClass('sf-ul'); 
	
	et_search_bar();
	et_footer_improvements('#footer .footer-widget');
	
	<!---- et_switcher plugin v1.3 ---->
	(function($)
	{
		$.fn.et_switcher = function(options)
		{
			var defaults =
			{
			   slides: '>div',
			   activeClass: 'active',
			   linksNav: '',
			   findParent: true, //use parent elements in defining lengths
			   lengthElement: 'li', //parent element, used only if findParent is set to true
			   useArrows: false,
			   arrowLeft: 'prevlink',
			   arrowRight: 'nextlink',
			   auto: false,
			   autoSpeed: 5000
			};

			var options = $.extend(defaults, options);

			return this.each(function()
			{
				var slidesContainer = jQuery(this);
				slidesContainer.find(options.slides).hide().end().find(options.slides).filter(':first').css('display','block');
		 
				if (options.linksNav != '') { 
					var linkSwitcher = jQuery(options.linksNav);
									
					linkSwitcher.click(function(){
						var targetElement;

						if (options.findParent) targetElement = jQuery(this).parent();
						else targetElement = jQuery(this);

						if (targetElement.hasClass('active')) return false;

						targetElement.siblings().removeClass('active').end().addClass('active');

						var ordernum = targetElement.prevAll(options.lengthElement).length;
										
						slidesContainer.find(options.slides).filter(':visible').hide().end().end().find(options.slides).filter(':eq('+ordernum+')').stop(true,true).fadeIn(700);
						return false;
					});
				};
				
				jQuery('#'+options.arrowRight+', #'+options.arrowLeft).click(function(){
				  
					var slideActive = slidesContainer.find(options.slides).filter(":visible"),
						nextSlide = slideActive.next(),
						prevSlide = slideActive.prev();

					if (jQuery(this).attr("id") == options.arrowRight) {
						if (nextSlide.length) {
							var ordernum = nextSlide.prevAll().length;                        
						} else { var ordernum = 0; }
					};

					if (jQuery(this).attr("id") == options.arrowLeft) {
						if (prevSlide.length) {
							var ordernum = prevSlide.prevAll().length;                  
						} else { var ordernum = slidesContainer.find(options.slides).length-1; }
					};

					slidesContainer.find(options.slides).filter(':visible').hide().end().end().find(options.slides).filter(':eq('+ordernum+')').stop(true,true).fadeIn(700);

					if (typeof interval != 'undefined') {
						clearInterval(interval);
						auto_rotate();
					};

					return false;
				});   

				if (options.auto) {
					auto_rotate();
				};
				
				function auto_rotate(){
					interval = setInterval(function(){
						var slideActive = slidesContainer.find(options.slides).filter(":visible"),
							nextSlide = slideActive.next();
					 
						if (nextSlide.length) {
							var ordernum = nextSlide.prevAll().length;                        
						} else { var ordernum = 0; }
					 
						if (options.linksNav === '') 
							jQuery('#'+options.arrowRight).trigger("click");
						else 		 		
							linkSwitcher.filter(':eq('+ordernum+')').trigger("click");
					},options.autoSpeed);
				};
			});
		}
	})(jQuery);
	
	
	var $featuredArea = jQuery('#featured'),
		$all_tabs = jQuery('#all_tabs');
	
	jQuery(window).load( function(){
		if ($featuredArea.length) {
			$featuredArea.addClass('et_slider_loaded').et_switcher({
				useArrows: true ,
										auto: true,
										autoSpeed: 6000											
			});
			
			if ( $featuredArea.find('.slide').length == 1 ){
				jQuery('#featured-control a#prevlink, #featured-control a#nextlink').hide();
			}
		};
	} );
			
	if ($all_tabs.length) {
		$all_tabs.et_switcher({
			linksNav: 'ul#tab_controls li a'
		});
	}; 
			
	<!---- Footer Improvements ---->
	function et_footer_improvements($selector){
		var $footer_widget = jQuery($selector);
	
		if (!($footer_widget.length == 0)) {
			$footer_widget.each(function (index, domEle) {
				if ((index+1)%4 == 0) jQuery(domEle).addClass("last").after("<div class='clear'></div>");
			});
		};
	};
	
	<!---- Search Bar Improvements ---->
	function et_search_bar(){
		var $searchform = jQuery('#cat-nav div#search-form'),
			$searchinput = $searchform.find("input#searchinput"),
			searchvalue = $searchinput.val();
			
		$searchinput.focus(function(){
			if (jQuery(this).val() === searchvalue) jQuery(this).val("");
		}).blur(function(){
			if (jQuery(this).val() === "") jQuery(this).val(searchvalue);
		});
	};
</script>