Download: 3D jQuery Featured Articles Slider

[Enkidu]

have you uploaded the contents of the upload directory to your website? make sure that you have uploaded them to the correct place :)

[L_Man]

have you uploaded the contents of the upload directory to your website? make sure that you have uploaded them to the correct place :smile:

I think i did.

the jquery.nivo.slider.pack.js file is in

forum/ccs_files/assets

forum being my root dir.

[Enkidu]

OK

Is there a block named ipcontent_files in the list of blocks in IPC?

[L_Man]

OK

Is there a block named ipcontent_files in the list of blocks in IPC?

There is not.

[Enkidu]

then change all the references of {parse block="ipcontent_files"} to /forum/ccs_files

[L_Man]

Thanks that did it.

I am not sure why I am missing that content block, I am assuming I missed it in an update.

[Enkidu]

Thanks that did it.

I am not sure why I am missing that content block, I am assuming I missed it in an update.

don't ask me :laugh:

glad to hear it's working now :)

[L_Man]

Again thanks for all the help. What would be the easiest way to have this on multiple pages and pull from different catorgies on each page?

[Enkidu]

create a second block (based on this one) and in the filter choose whatever cats you like :)

[KevinMc]

Hello, Enkidu.

The newest version of the slider is throwing errors on images fed using Chrome and Firefox. I'm not quite sure how to explain it, but I do believe this needs debugged. Here's what the error looks like when running Page Speed from Chrome. Also, the errors seem to be recursive. Errors seem to populate whenever a new image transitions. Eventually, the Browser will just lock up.

(click image for full view)


The console is referencing an error on line #1 of index.php and it looks like this:

var Prototype={Version:'1.7',Browser:(function(){var ua=navigator.userAgent;var isOpera=Object.prototype.toString.call(window.opera)=='[object Opera]';return{IE:!!window.attachEvent&&!isOpera,Opera:isOpera,WebKit:ua.indexOf('AppleWebKit/')>-1,Gecko:ua.indexOf('Gecko')>-1&&ua.indexOf('KHTML')===-1,MobileSafari:/Apple.*Mobile/.test(ua)}})(),BrowserFeatures:{XPath:!!document.evaluate,SelectorsAPI:!!document.querySelector,ElementExtensions:(function(){var constructor=window.Element||window.HTMLElement;return!!(constructor&&constructor.prototype);})(),SpecificElementExtensions:(function(){if(typeof window.HTMLDivElement!=='undefined')

I also had someone look at it and they were able to specifically track the issue down to the slider itself.

[Enkidu]

Hello, Enkidu.

The newest version of the slider is throwing errors on images fed using Chrome and Firefox. I'm not quite sure how to explain it, but I do believe this needs debugged. Here's what the error looks like when running Page Speed from Chrome. Also, the errors seem to be recursive. Errors seem to populate whenever a new image transitions. Eventually, the Browser will just lock up.

(click image for full view)

The console is referencing an error on line #1 of index.php and it looks like this:

var Prototype={Version:'1.7',Browser:(function(){var ua=navigator.userAgent;var isOpera=Object.prototype.toString.call(window.opera)=='[object Opera]';return{IE:!!window.attachEvent&&!isOpera,Opera:isOpera,WebKit:ua.indexOf('AppleWebKit/')>-1,Gecko:ua.indexOf('Gecko')>-1&&ua.indexOf('KHTML')===-1,MobileSafari:/Apple.*Mobile/.test(ua)}})(),BrowserFeatures:{XPath:!!document.evaluate,SelectorsAPI:!!document.querySelector,ElementExtensions:(function(){var constructor=window.Element||window.HTMLElement;return!!(constructor&&constructor.prototype);})(),SpecificElementExtensions:(function(){if(typeof window.HTMLDivElement!=='undefined')

I also had someone look at it and they were able to specifically track the issue down to the slider itself.

you need to pass on the type of transition to the slider rather than leaving it on random. I've seen cases where this causes the stack issue :)

[KevinMc]

you need to pass on the type of transition to the slider rather than leaving it on random. I've seen cases where this causes the stack issue :smile:

Thanks for the quick response, Enkidu. Could you break that down for me? I don't quite understand what it is that I need to do.

[Enkidu]

Thanks for the quick response, Enkidu. Could you break that down for me? I don't quite understand what it is that I need to do.

something like this

<script type="text/javascript">

		var EnkiduNoConflict = jQuery.noConflict();

		EnkiduNoConflict(window).load(function() {

				EnkiduNoConflict('#slider').nivoSlider({effect: fade});

		});

</script>

the effect can be any of the following

• sliceDown
• sliceDownLeft
• sliceUp
• sliceUpLeft
• sliceUpDown
• sliceUpDownLeft
• fold
• fade
• random
• slideInRight
• slideInLeft
• boxRandom
• boxRain
• boxRainReverse
• boxRainGrow
• boxRainGrowReverse
  

[KevinMc]

<script type="text/javascript">

		var EnkiduNoConflict = jQuery.noConflict();

		EnkiduNoConflict(window).load(function() {

				EnkiduNoConflict('#slider').nivoSlider({effect: fade});

		});

</script>

the effect can be any of the following

• sliceDown
• sliceDownLeft
• sliceUp
• sliceUpLeft
• sliceUpDown
• sliceUpDownLeft
• fold
• fade
• random
• slideInRight
• slideInLeft
• boxRandom
• boxRain
• boxRainReverse
• boxRainGrow
• boxRainGrowReverse

This is what I have right now.

<script type="text/javascript">

			var EnkiduNoConflict = jQuery.noConflict();

			EnkiduNoConflict(window).load(function() {

							EnkiduNoConflict('#slider').nivoSlider({animSpeed:3750,pauseTime: 7500});

			});

</script>

Is it possible to keep my animation/ pause time AND specify one of the effects you listed? I don't want to lose my timing.

[Enkidu]

yes sure

make it like this

<script type="text/javascript">

					    var EnkiduNoConflict = jQuery.noConflict();

					    EnkiduNoConflict(window).load(function() {

													    EnkiduNoConflict('#slider').nivoSlider({

                                                                                            animSpeed:3750,

                                                                                            pauseTime: 7500,

                                                                                            effect: fade 


                                                                                                                  });

					    });

</script>

I break it into lines to make it easier to read :)

[KevinMc]

Now it's not loading the images :P

[Enkidu]

Now it's not loading the images :tongue:

show me :)

[KevinMc]

show me :smile:

PM sent.

[Enkidu]

PM sent.

PM received. I apologize, I made a mistake in the code the effect should be enclosed with two single quotation marks like so:

<script type="text/javascript">

						var EnkiduNoConflict = jQuery.noConflict();

						EnkiduNoConflict(window).load(function() {

														EnkiduNoConflict('#slider').nivoSlider({

                                                         animSpeed:3750,

                                                         pauseTime: 7500,

                                                         effect: 'fade'

 });

						});

</script>

cheers :smile:

[KevinMc]

Thanks for fixing that one part of the code. :smile:

I'm still getting these errors:

"event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future"

[Enkidu]

Thanks for fixing that one part of the code. :smile:

I'm still getting these errors:

"event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future"

this has nothing to do with the slider. it exists even here ;)

[KevinMc]

this has nothing to do with the slider. it exists even here ;)

Wow, now I don't feel so bad. Thanks for all the help, Enkidu!

[Enkidu]

Wow, now I don't feel so bad. Thanks for all the help, Enkidu!

you're welcome :)

[Ken S.]

Hey there - this thing looks great - especially on your Demoness. Now, the issue is...when I load the CSS files in my globalTemplatito, it conflicts with the sexiness of my site.

My links change to the 1992 style blue that was the original color links back then ;-) My menu items get floated to the right, etc.

We are running a customized skin on our site, but our site is supposedly still using the stock CSS classes from IPB.

Any ideas my friend?

[KevinMc]

Hey there - this thing looks great - especially on your Demoness. Now, the issue is...when I load the CSS files in my globalTemplatito, it conflicts with the sexiness of my site.

Do you have a link to this sexy site of yours?