Download: 3D jQuery Featured Articles Slider

[Enkidu]

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?

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

this

[ihn]

Is there any way I can change the bullets to thumbnails of the article image?

[Enkidu]

Is there any way I can change the bullets to thumbnails of the article image?

yes but you'll have to provide the thumbnails :)

[ihn]

Cool, that's not a problem, I can just add a custom field to upload the thumbnail right? That's what I did for custom titles and descriptions so it should be possible for a thumb image.

Any ideas of how I can use that and change the bullets?

[Enkidu]

Cool, that's not a problem, I can just add a custom field to upload the thumbnail right? That's what I did for custom titles and descriptions so it should be possible for a thumb image.

Any ideas of how I can use that and change the bullets?

Actually. You can make IP.content "generate" the thumbnails for you. The easiest way is to resize the original images. As to how you go about it, see here

http://nivo.dev7studios.com/support/advanced-tutorials/using-thumbnails-with-the-nivo-slider/

[ihn]

Actually. You can make IP.content "generate" the thumbnails for you. The easiest way is to resize the original images. As to how you go about it, see here

http://nivo.dev7stud...he-nivo-slider/

I'm slightly confused, by this sentence: "You must provide the corresponding thumbnail image with the correct file name."

This means I must upload the thumbnail myself? Or is there some way to resize the original article image without uploading another picture? Also, with that HTML, does that mean I must edit the block every time I upload a new article according to the image I want in the thumbnail?

For example, this is the HTML provided:

<div id="slider">

	<img src="images/up.jpg" alt="" />

	<img src="images/monstersinc.jpg" alt="" />

	<img src="images/nemo.jpg" alt="" />

	<img src="images/walle.jpg" alt="" />

</div>

I obviously will not be using those images, so is there a way to retrieve the thumbnail to correspond with the articles that will always be changing?

I have no issues with CSS, and the JQuery looks fine, so as long as I can get the thumbnails up there I'll be fine from there.

[Enkidu]

you can resize the image and call it thumbnail like this

<img src="path/to/article/image" title="whatever" {parse resize_image="$data['record']['ItemImage']" maxwidth="50"} />

[ihn]

That's not really working either. Even when I do generate the images (at full size), they aren't clickable/usable for navigation like the bullets are. I'm not sure what to do, that tutorial is wrong.

[Enkidu]

That's not really working either. Even when I do generate the images (at full size), they aren't clickable/usable for navigation like the bullets are. I'm not sure what to do, that tutorial is wrong.

show me your code

[Karol N.]

This is an awesome addon. Thanks Enkidu - also for your great support :)
I've read the whole topic but I haven't found an answer to the following problem: when I turn on automatic slide change (I have effect "fade" turned on) and I change browser's tab to other window and back again to my site, it sometimes clears the caption and resizes caption box.
There's no such problem with "manualAdvance: true"
Tested in Firefox 11 on Windows 7 64-bit.

Link to my site:
http://lifelane.nazwa.pl/ipboard/index.php?/page/index.html

Cheers

[Enkidu]

This is an awesome addon. Thanks Enkidu - also for your great support :smile:

I've read the whole topic but I haven't found an answer to the following problem: when I turn on automatic slide change (I have effect "fade" turned on) and I change browser's tab to other window and back again to my site, it sometimes clears the caption and resizes caption box.

There's no such problem with "manualAdvance: true"

Tested in Firefox 11 on Windows 7 64-bit.

Link to my site:

http://lifelane.nazw...page/index.html

Cheers

thanks. try upgrading the JS plugin to the latest which you can find here

http://nivo.dev7studios.com/pricing/

[Karol N.]

Thanks, it works fine now :)

[shauder]

How is 3.3 support?

[Enkidu]

How is 3.3 support?

I can't think of any reason why it shouldn't work. That goes to all of my mods really :)

[Karol N.]

I need help. I'd like to show teaser in caption so I changed block code:

<php>

$SliderNo = 1;

</php>

<div  class="slider-wrapper theme-orman">

<div class="ribbon"></div>

<div id="slider" class="nivoSlider">

  <if test="is_array( $records ) && count( $records )">

   <foreach loop="$records as $r">

    <if test="$r['image']">

	 <img src="{$r['image']}"  alt="{$r['title']}" title="{$r['title']}" rel="#HTMLCaption_{$SliderNo}" />

    </if>

    <php> $SliderNo = $SliderNo + 1; </php>

   </foreach>

   <php> $SliderNo = 1; </php>

  </if>

</div>

<if test="is_array( $records ) && count( $records )">

  <foreach loop="$records as $r">

   <if test="$r['image']">

    <div id="HTMLCaption_{$SliderNo}" class="nivo-html-caption">

	 TEST CAPTION

    </div> 

   </if>

   <php> $SliderNo = $SliderNo + 1; </php>

  </foreach>

  <php> $SliderNo = 1; </php>

</if>  

</div>

<script type="text/javascript">

    var EnkiduNoConflict = jQuery.noConflict();

    EnkiduNoConflict(window).load(function() {

	    EnkiduNoConflict('#slider').nivoSlider();

    });

</script>

But it doesn't work! I can't change anything in caption. Why?

[Enkidu]

what exactly are you after? can you give me an example?

[JTrollerb123]

This is an amazing mod, however when I installed it, my text editor throughout the forums was reduced to a 2 inch by 1 inch box. Needless to say I had to remove the following code from my GlobalTemplate which I found to be the cause. Anyone else experience this issue?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script src="{parse block="ipcontent_files"}/assets/jquery.nivo.slider.pack.js"></script>

[Karol N.]

what exactly are you after? can you give me an example?

I'd like to modify caption so that under article's title, its teaser will appear.

[Enkidu]

This is an amazing mod, however when I installed it, my text editor throughout the forums was reduced to a 2 inch by 1 inch box. Needless to say I had to remove the following code from my GlobalTemplate which I found to be the cause. Anyone else experience this issue?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script src="{parse block="ipcontent_files"}/assets/jquery.nivo.slider.pack.js"></script>

I would assume you're using custom skin which uses Jquery?

I'd like to modify caption so that under article's title, its teaser will appear.

the teaser is different for each article?

[Karol N.]

Yes it is. So I tried to modify the block like that:

<div id="HTMLCaption_{$SliderNo}" class="nivo-html-caption">

{$r['title']}

{$r['teaser_paragraph']}		

</div> 

But nothing changes.

[Enkidu]

Yes it is. So I tried to modify the block like that:

<div id="HTMLCaption_{$SliderNo}" class="nivo-html-caption">

{$r['title']}

{$r['teaser_paragraph']}		

</div> 

But nothing changes.

have you created a new field with an id of teaser_paragraph?

[Karol N.]

No, where should I do that?

[Enkidu]

No, where should I do that?

create a new field in the articles section of IPC.

[Karol N.]

Ah, I'm using IP Content 2.3 - there's a new teaser field there. But nevertheless: my point is to change caption field of the slider. To test if that works I entered:

<div id="HTMLCaption_{$SliderNo}" class="nivo-html-caption">

Test		  

</div> 

But caption didn't change at all - it still displays the article's title.

[Enkidu]

Ah, I'm using IP Content 2.3 - there's a new teaser field there. But nevertheless: my point is to change caption field of the slider. To test if that works I entered:

<div id="HTMLCaption_{$SliderNo}" class="nivo-html-caption">

Test		  

</div> 

But caption didn't change at all - it still displays the article's title.

could be caching issue. try recaching your block and the page where you parsed the block