Hi,I am currently using K2 for my portfolio, and would like to use a image carousel to view the different images under each portfolio item. Ideally i would like to be able to add more than one image under the "image" tab when in item view. This would enable me to create a javascript image carousel.I have not tried out the image gallery function yet, as I cannot make it work, even though i bought the Simple Image Gallery Pro. A third alternative could be to add single items in the "attachment" tab, and tweak the template to fit my purpose. I would like some feedback on this before i start working with it. Does anybody have any previous experience with a similar issue?

You should get sigpro and allvideos working as you will probalby want them at some point. Then you know you have k2 all installed and functioning properly.
I dont think the image gallery will do the fancy carousel you want. You could possibly use the images it uploads for the carasoul as it stores them in a seperate directory for each item.
As far as the java script..if you have the code - .have you tried putting it in the item body itself

Hi there, I would be interested in such mod as well. The Sig PRO does attach images to your item, but embeds them all in a grid, and showing the corousel slideshow only in a new popup, which for protfolio format does not look nice and is not that functional either. I looked for ways to integrate that mootools function that would display the gallery in a carousel mode, directly embeded in the item page, skipping the popup, but no luck so far...

Hi guys,
I'm looking to do the exact same thing, did you find any solution ?
Hoping for answers,
Best regards,
David aka Shapes

I would like it to be like this example :
www.ddb.fr/2010/07/jb-just-british/#/creation/1

Just a big image with left and right arrows instead of thumbs with a lightbox, but after hours of googling, I can't find the solution...

Hoping for answers,
Best regards,
David aka Shapes

hi,

i actually found a suloution to this. I basically used the nivo slider (nivo.dev7studios.com/) which seemed reliable and extendable.

What i did was use the image galleri already there, ( i had simple image galleri PRO installed), and set the thumbs to be bigger.

in the file jw_sigpro.php in the plugins/content/ folder i removed everything inside $headIncludes on line 115.

then on line 177 in the same document i removed everyting inside $html_template and replaced it with




What i like about nivo slider is that is dosn't require anything other than the tag.


on k2 i did following:

in the item.php file in my template (components/com_k2/templates/)

i placed the following code where i wanted my gallery slider. This way the first main image will always be first.






item->image; ?>" alt="" style="width:px; height:auto;" />




item->image; ?>" alt="" style="width:px; height:auto;" />





The code for the nivo slider javascript (in attition to the nivo slider main javascript and jquery of course):




Did it for me.

Looking at my previous post i see that its not possible to write code in the reply. The attachment shows the walkthrough.

Hello William,

First, I really appreciate your help !!!
Your solution looks great !

After some fighting, I'm almost done, but I have a big bug here.
I made the modifications you wrote, with a slight change in item.php, because I don't want the main image of my K2 item appearing in the slide.

I managed to show the slide on the page, without main image, but when I click next & previous buttons, the other images don't show...

You can see the website under construction here.

And the files I edited are attached.

Could you please tell me what I done wrong ?
Sorry for asking for more help, but I'm really lost here...

Hoping for answers,
Best regards,
David aka Shapes

I also had this problem, with safari and other browsers.

Try deactivating mootools. I prefer to use jquery, so i used this plugin to deactivate. If you have to use mootools, i would recommend an image slider based on mootools, and make your item.php template fit accordingly.

- william



Shapes said:Hello William,
First, I really appreciate your help !!!
Your solution looks great !

After some fighting, I'm almost done, but I have a big bug here.
I made the modifications you wrote, with a slight change in item.php, because I don't want the main image of my K2 item appearing in the slide.

I managed to show the slide on the page, without main image, but when I click next & previous buttons, the other images don't show...

You can see the website under construction here.

And the files I edited are attached.

Could you please tell me what I done wrong ?
Sorry for asking for more help, but I'm really lost here...

Hoping for answers,
Best regards,
David aka Shapes

Hello William,
Thanks again for your help, I tried to deactivate mootools with the plugin, but nothing changed...
Any other idea ?
Best regards
David aka Shapes

William Kempton said:I also had this problem, with safari and other browsers.
Try deactivating mootools. I prefer to use jquery, so i used this plugin to deactivate. If you have to use mootools, i would recommend an image slider based on mootools, and make your item.php template fit accordingly.

- william



Shapes said:Hello William, First, I really appreciate your help !!!
Your solution looks great !

After some fighting, I'm almost done, but I have a big bug here.
I made the modifications you wrote, with a slight change in item.php, because I don't want the main image of my K2 item appearing in the slide.

I managed to show the slide on the page, without main image, but when I click next & previous buttons, the other images don't show...

You can see the website under construction here.

And the files I edited are attached.

Could you please tell me what I done wrong ?
Sorry for asking for more help, but I'm really lost here...

Hoping for answers,
Best regards,
David aka Shapes

Hi again,

I finally found another solution to get my job done, so I come to post it here, could be usefull for many users I think....
I think it's also easier, with less code to edit.

First, I found this thread that I used as base. But it wasn't fitting my needs of a slideshow.

Then, I installed another slideshow plugin : Smoothgallery2.

I changed in the jooblogs hack :
joogallery src=[media/k2/galleries/'.$itemGallery.'
with :
smoothgallery folder=media/k2/galleries/'.$itemGallery.'

It still wasn't working, so I tried William's idea to deactivate mootools with the plugin he told me to use. It worked !

Finally, a little bit of CSS editing in the Smoothgallery plugin, and it was done !

The only problem, is that I found only one transition effect for now on, I'll come back to post here if I find some more.

Hope this will be usefull,
Best regards,
David aka Shapes

@Shapes,
Great solution! thanks a lot, I followed your instructions and it worked! Had to fight a bit couse your code line is not precise, but it works! With one disadvantage: the gallery does not hide when there is no Gallery attached to K2 Item, it stays there endlessly loading something on black background. If you have work around for this that would be great!
thanks again,
krmr