Keyword

image carousel to an article

  • William Kempton
  • William Kempton's Avatar Topic Author
  • Offline
  • New Member
More
14 years 2 weeks ago #87992 by William Kempton
image carousel to an article was created by William Kempton
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?

Please Log in or Create an account to join the conversation.

More
14 years 2 weeks ago #87993 by william white
Replied by william white on topic image carousel to an article
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

Please Log in or Create an account to join the conversation.

More
13 years 11 months ago #87994 by krmr
Replied by krmr on topic image carousel to an article
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...

Please Log in or Create an account to join the conversation.

More
13 years 11 months ago #87995 by Shapes
Replied by Shapes on topic image carousel to an article
Hi guys,
I'm looking to do the exact same thing, did you find any solution ?
Hoping for answers,
Best regards,
David aka Shapes

Please Log in or Create an account to join the conversation.

More
13 years 11 months ago #87996 by Shapes
Replied by Shapes on topic image carousel to an article
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

Please Log in or Create an account to join the conversation.

  • William Kempton
  • William Kempton's Avatar Topic Author
  • Offline
  • New Member
More
13 years 11 months ago #87997 by William Kempton
Replied by William Kempton on topic image carousel to an article
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.

Please Log in or Create an account to join the conversation.

  • William Kempton
  • William Kempton's Avatar Topic Author
  • Offline
  • New Member
More
13 years 11 months ago #87998 by William Kempton
Replied by William Kempton on topic image carousel to an article
Looking at my previous post i see that its not possible to write code in the reply. The attachment shows the walkthrough.
Attachments:

Please Log in or Create an account to join the conversation.

More
13 years 11 months ago #87999 by Shapes
Replied by Shapes on topic image carousel to an article
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
Attachments:

Please Log in or Create an account to join the conversation.

  • William Kempton
  • William Kempton's Avatar Topic Author
  • Offline
  • New Member
More
13 years 11 months ago #88000 by William Kempton
Replied by William Kempton on topic image carousel to an article
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

Please Log in or Create an account to join the conversation.

More
13 years 11 months ago #88001 by Shapes
Replied by Shapes on topic image carousel to an article
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

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum