SLIDESHOW PORTLET

[jpshowtime jpshowtime，修改在18 年前。]

Hello,<br /><br />I&#39;m looking for a slideshow portlet. I found a slideshow portlet very good, but the problem is it&#39;s a portlet of the Portal PEPO:<br /><a href='http://pepo.alterna.tv/web/PortletCentral_en.html' target='_blank'>http://pepo.alterna.tv/web/PortletCentral_en.html</a><br /><br />If someone have developed this kind of portlet, i&#39;m very interested&#33;<br />Thanks a lot

[argaldo argaldo，修改在18 年前。]

Hello,<br /><br />I&#39;m looking for a slideshow portlet. I found a slideshow portlet very good, but the problem is it&#39;s a portlet of the Portal PEPO:<br /><a href='http://pepo.alterna.tv/web/PortletCentral_en.html' target='_blank'>http://pepo.alterna.tv/web/PortletCentral_en.html</a><br />

<br />

<br /><br /><br />That portlet is implemented in a class named Diaporamaportlet wich extends from PersonalPortlet wich extends from PageComponent, all of them are Pepo&#39;s own portlet &quot;philosophy&#39; implementation and has nothing to do with JSR-168 and because of that is not usable under Liferay unless you build a wrapper to fit pepo&#39;s structure under JSR-168 spec, wich will take you as much as the same time it will take to reimplement the funtionality in a jsr-168 portlet of your own.<br /><br />

[[e-mail] [e-mail]，修改在18 年前。]

The image gallery portlet has the slide show functionality. I used the code from it to develop an advertising portlet that scrolls the ad images as a slide show.

[Andrew John Lovell，修改在15 年前。]

Hi,

How did this work-out for you ... I am needing exactly the same. Any chance of sharing the code?

Cheers

[Jonas Yuan，修改在15 年前。]

Hi Andrew,

One more example of Slide-show is here, besides the slide-show in Image Gallery.

http://www.liferay.com/web/jonasxyuan/blog

You can play with it and enjoy ....

Thanks

Jonas Yuan
Liferay Book: Liferay Portal Enterprise Intranets

[Carlos Thompson，修改在14 年前。]

[e-mail] [e-mail]:

The image gallery portlet has the slide show functionality. I used the code from it to develop an advertising portlet that scrolls the ad images as a slide show.

I have seen some reference to the slideshow view of Liferay gallery portlet yet I cannot figure out how to implement that view.

I need that when opening a page, a non-registered user (or a user without editing priiledges) will see a defined slideshow.

[Carlos Thompson，修改在14 年前。]

Carlos Thompson:

[e-mail] [e-mail]:

The image gallery portlet has the slide show functionality. I used the code from it to develop an advertising portlet that scrolls the ad images as a slide show.

I have seen some reference to the slideshow view of Liferay gallery portlet yet I cannot figure out how to implement that view.

I need that when opening a page, a non-registered user (or a user without editing priiledges) will see a defined slideshow.

I cannot actually see much actual use for Liferay Image Gallery from an end-user point of view, and the slide show at it is far from what my customer expects.

I do like to use Image Gallery for uploading new pictures by a publishing user, for which IG seems to be fine enough, and then completely mask its behavior for an end user (i.e. normal unregistered browsing user from Internet).

Ideas?

[Jack A. Rider，修改在15 年前。]

Hola there,


As you probably know liferay comes with , and makes use of, the jQuery javascript library, there (in www.jquery.com)
you have many plugins of animation, carrousels, slideshows, etc, etc. that are very easy to implement in a content portlet of liferay.

see http://plugins.jquery.com/taxonomy/term/433 for slideshow plugins.

I have used some of them, and with very little effort you get fantastic results.

Saludos, Jack.

[Jonas Yuan，修改在15 年前。]

Hi Jack,

Liferay portal comes with the jQuery JavaScript library .... Cool!

Thus we could customize Liferay out-of-box portlets and get fantastic UI smoothly.

I have tried some customization .... It is really very good ....

Thanks

Jonas Yuan

[Carlos Thompson，修改在14 年前。]

Jack A. Rider:

that are very easy to implement in a content portlet of liferay.

Next question: so now how can I insert a jquery plugin into a Liferay website project?

I do not have much experience with jquery or portlet development. Do I need to develop a portlet and insert jquery code in it? or I just open a journal/web content portlet and paste the jquery code into the HTML edit box?

If it requires portlet development, is it better to use the ANT Liferay SDK, Portal Pack, or Lomboz?

[Carlos Thompson，修改在14 年前。]

Carlos Thompson:

Jack A. Rider:

that are very easy to implement in a content portlet of liferay.

Next question: so now how can I insert a jquery plugin into a Liferay website project?

I have tested with a jQuery image gallery, just copying the demo, uploading the test images via Liferay Image Gallery, copying the html markup in a Web Content portlet (linking to the IG uploaded photos), and copyng all CSS and JS (except for jQuery itself) to the templates (.vm, .css, and .js files).

Yet it is not working. It seems that Javascript is not working as expected, i.e. Javascript transformations are not taking place.

[Jonas Yuan，修改在14 年前。]

Hi Carlos,

There two options for slideshow.

1) use Image Gallery - JSP (Javascript)
check source code: view_slide_show.jsp

2) use flash player
sample source code in web content

<p><iframe width="420" height="410" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://liferay.cignex.com:8080/cms_services/jsp/slideshowPreview.jsp?&amp;uid=7"></iframe></p>
<p><img alt="" src="http://liferay.cignex.com:8080/cms_services/services?action=download&amp;uid=1be56a91-16e3-11dd-a1a2-3f408a4274b3&amp;t=109614154318858&amp;"></p>

You can see example:

http://liferay.cignex.com
login as "jonas/jonas"

Hope that it helps

Thanks

Jonas Yuan

-----------------
Liferay Books

Liferay Portal 5.2/5.3 Systems Development
Liferay Portal 4.4/5.0 Enterprise Intranets

[Jason Barry，修改在14 年前。]

Carlos Thompson:

Carlos Thompson:

Jack A. Rider:

that are very easy to implement in a content portlet of liferay.

Next question: so now how can I insert a jquery plugin into a Liferay website project?

I have tested with a jQuery image gallery, just copying the demo, uploading the test images via Liferay Image Gallery, copying the html markup in a Web Content portlet (linking to the IG uploaded photos), and copyng all CSS and JS (except for jQuery itself) to the templates (.vm, .css, and .js files).

Yet it is not working. It seems that Javascript is not working as expected, i.e. Javascript transformations are not taking place.

Make sure you aren't using the $ selector in your code. Liferay uses JQuery in compatibility mode and requires you to use the jQuery function in it's place.

So replace this:

$('selector goodness')

with this

jQuery('selector goodness')

in all of your javascript functions.

I've got a decent jquery slideshow working on a site that's a WIP. It's actually a web content template and structure that pulls images from the image gallery so the user can update the slideshow from within Liferay.

Let me know if anyone would like to take a look at the code.
Thanks.

[Luis Mas，修改在14 年前。]

Dear Jason,

We're trying to have a image gallery in our site, but we are having troubles with JQuery, could we look at your code?

Thanks in advance, Luis

[Rodrigo Marquez，修改在14 年前。]

I'm intested in that solution. Please Jason, could you post that code here?


Thanx!

[Bilal Zaheer，修改在8 年前。]

i want light box effect in my slideshow. can anyone help me in this regard....

thanks in advance
Bilal