Download: 3D jQuery Featured Articles Slider

[JahLion]

How you make the width bigger on the front page?i tired changing it and it's not getting wider.

[Enkidu]

makes no difference :sad:

I'll need ACP access to investigate.

cheers

How you make the width bigger on the front page?i tired changing it and it's not getting wider.

because the JS overwrites your width and sets it to the width of the images.

[TalkChelsea]

Thank you for this Enkidu :thumbsup: Here it is on my site http://talkchelsea.net/

I just have one question, is it possible to just have it just appear on the index?

[Enkidu]

Thank you for this Enkidu :thumbsup: Here it is on my site

http://talkchelsea.net/

I just have one question, is it possible to just have it just appear on the index?

looks nice I love it :)

as for your question, put the block in the front page template and it will only show there :)

[HighlanderICT]

Hi Enkidu,

Here it is on our site, but we have noticed that if you stay on the frontpage after a while the images still rotate but the title text becomes blank .... Any ideas ?

Also ... Is it possible to make the images clickable rather than just the title ?

http://caleythistleonline.com






(null)

[Enkidu]

Hi Enkidu,

Here it is on our site, but we have noticed that if you stay on the frontpage after a while the images still rotate but the title text becomes blank .... Any ideas ?

Also ... Is it possible to make the images clickable rather than just the title ?

http://caleythistleonline.com

(null)

I will investigate the first issue

as for the second one, the answer is yes and I think I post how to go about it in this topic long time ago :)

[HighlanderICT]

thanks - will search back on the thread ... I was using cellphone earlier so not easy to navigate thread .....


Edit - found it .... thanks

replace

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

with

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

However, when I do that, the image totally disappears and instead the caption is all that is displayed .....

[TalkChelsea]

looks nice I love it :smile:

as for your question, put the block in the front page template and it will only show there :smile:

Edit: worked it out. :)

[Enkidu]

thanks - will search back on the thread ... I was using cellphone earlier so not easy to navigate thread .....

Edit - found it .... thanks

replace

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

with

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

However, when I do that, the image totally disappears and instead the caption is all that is displayed .....

can you create a test page with that in it so I can see it first hand?

thanks :)

[HighlanderICT]

can you create a test page with that in it so I can see it first hand?

PM sent with info ... it happens on the live site I mentioned above, and also on the staging area for another site. links to test pages from both in the PM.

[Jinkler]

I'm really struggling to implement this at the moment, not sure where I'm going wrong.

So, let me tell you what I've done.

Uploaded all files and the block.

I've added {parse block="Enkidu3DImageSlider"} to my index.html page.

I've then added the code below to my to my Front Page (1x2x2 Layout) template.:

<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>

<link rel="stylesheet" href="{parse block="ipcontent_files"}/assets/themes/orman/orman.css" type="text/css" media="screen" />

<link rel="stylesheet" href="{parse block="ipcontent_files"}/assets/nivo-slider.css" type="text/css" media="screen" />

<link rel="stylesheet" href="{parse block="ipcontent_files"}/assets/style.css" type="text/css" media="screen" />

Obviously this is wrong, as it doesn't work!

At the moment, I just get this:

http://www.stdrivers...dex.php?app=ccs

[Enkidu]

I'm really struggling to implement this at the moment, not sure where I'm going wrong.

So, let me tell you what I've done.

Uploaded all files and the block.

I've added {parse block="Enkidu3DImageSlider"} to my index.html page.

I've then added the code below to my to my Front Page (1x2x2 Layout) template.:

<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>

<link rel="stylesheet" href="{parse block="ipcontent_files"}/assets/themes/orman/orman.css" type="text/css" media="screen" />

<link rel="stylesheet" href="{parse block="ipcontent_files"}/assets/nivo-slider.css" type="text/css" media="screen" />

<link rel="stylesheet" href="{parse block="ipcontent_files"}/assets/style.css" type="text/css" media="screen" />

Obviously this is wrong, as it doesn't work!

At the moment, I just get this:

http://www.stdrivers...dex.php?app=ccs

the JavaScript is not loaded (the page source has no jquery.nivo.slider.pack.js) so it's better to use the included template (with IPB wrapper) as a starting point and then customise it to the way you want

[Enkidu]

duplicate

[Jinkler]

Ok, thanks, that's got it working on a test page:

http://www.stdrivers.co.uk/forum/index.php?app=ccs&module=pages&section=pages&folder=&id=8

I'll go fiddle some more, still haven't got my head around how this works :D

[Enkidu]

Ok, thanks, that's got it working on a test page:

http://www.stdrivers...es&folder=&id=8

I'll go fiddle some more, still haven't got my head around how this works :D

nice. make sure that the two image both have the same size so they don't partially cover one another :)

[Jinkler]

Hi,

I've put the code onto another test page now, but it doesn't seem to parse for some reason?

http://www.stdrivers.co.uk/forum/index.php?app=ccs&module=pages&section=pages&folder=&id=5

Is there a page setting I need to set, or does the code only work on templates, rather than pages?

[Enkidu]

Hello

the parse addtohead tag only works in templates. It doesn't work in pages/blocks. That's why I put it in your front page template :smile:

[Jinkler]

Aha, I see. Thanks :)

[Vinchenze]

Enkidu,

This block will show the last 4 IP.Content articles in an amazing image slider.

is there a way to have this pull only from a certain article category rather than (all) last 4 articles?

[Enkidu]

Enkidu,

is there a way to have this pull only from a certain article category rather than (all) last 4 articles?

Hello Vinchenze

yes. All you need to do is edit the block itself and set whatever filter you want :)

[ZakRhyno]

To make the image clickable, open the block from your ACP, IPC, then blocks, find:

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

change to

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

that should do the trick :smile:

I was looking in the current code and didn't see this anywhere with in the block.

[Enkidu]

I was looking in the current code and didn't see this anywhere with in the block.

do you have the latest version?

[L_Man]

Okay I am trying to make a simple page and I am just now trying to this to work and I am confusing myself.

Instead of sliding it just puts the images next to each other.

http://anbservers.net/NS2AmrsLab

Please excuse the images as I was just testing.

This is the entire content of my page

And I am using the wrapper.

<head>

<style>

   @import url("{parse block="ipcontent_files"}/assets/themes/orman/orman.css");

   @import url("{parse block="ipcontent_files"}/assets/nivo-slider.css");

</style>

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

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

</head>

{parse block="Enkidu3DImageSlider"}

Thanks for the help!

[Enkidu]

can't access that page. please check your permission

[L_Man]

Sorry about that. Fixed