フォーラム

ホーム » Liferay Portal » Español » 2. Usando Liferay

構造的に表示 平面上に表示 ツリー上に表示
スレッド [ 前へ | 次へ ]
toggle
ELIAS MANCHON
Integrar jcarousel en liferay
2012/02/06 4:14
答え

ELIAS MANCHON

ランク: New Member

投稿: 8

参加年月日: 2012/01/31

最近の投稿

Hola amigos,

Alguien sabe como se puede integrar jcarousel en liferay?.

He creado un carrusel con esta herramienta y ahora quiero incorporarlo en el portal, me podeis indicar como hacerlo.

Gracias y saludos.
Roger CARHUATOCTO
RE: Integrar jcarousel en liferay
2012/02/07 0:15
答え

Roger CARHUATOCTO

ランク: Junior Member

投稿: 32

参加年月日: 2009/11/05

最近の投稿

ELIAS MANCHON:
Hola amigos,

Alguien sabe como se puede integrar jcarousel en liferay?.

He creado un carrusel con esta herramienta y ahora quiero incorporarlo en el portal, me podeis indicar como hacerlo.

Gracias y saludos.



Hola Elias,
crea un portlet simple (SDK o Liferay IDE) e incluye los JavaScripts que componen tu carousel en tu proyecto portlet. Si invocas al carousel desde un HTML, pásalo al view.jsp de tu portlet, asegúrate que las rutas estén correctas, luego despliega tu portlet. Esto debería funcionar.

Liferay tiene librerias JavaScripts embebidas, existen diferentes implementaciones de carousel (a.k.a. slider), puedes buscar en el foro, hay diferentes implementaciones listas para ser usadas en Liferay.
Aquí hay un ejemplo:

http://skillsandexperience.wordpress.com/2011/08/17/creacion-del-carrusel-de-imagenes-liferay

Saludos.
ELIAS MANCHON
RE: Integrar jcarousel en liferay
2012/02/07 4:04
答え

ELIAS MANCHON

ランク: New Member

投稿: 8

参加年月日: 2012/01/31

最近の投稿

Lo intento pero me da el siguiente error: "jQuery not found"

Una pregunta:

si añado lo siguente en el fichero: liferay-portlet.xml

<header-portlet-css>/css/skin.css</header-portlet-css>
<header-portlet-css>/css/style.css</header-portlet-css>
<header-portlet-css>/css/table.css</header-portlet-css>
<header-portal-javascript>/js/jquery-1.4.2.min.js</header-portal-javascript>
<footer-portlet-javascript>/js/jquery.jcarousel.min.js</footer-portlet-javascript>

Y después referencio así en el view.jsp:

<link href="/css/style.css" rel="stylesheet" type="text/css" />
<!-- jQuery library -->
<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
<!-- jCarousel library -->
<script type="text/javascript" src="/js/jquery.jcarousel.min.js"></script>
<!-- jCarousel skin stylesheet -->
<link rel="stylesheet" type="text/css" href="/css/skin.css" />
<!-- Table skin stylesheet -->
<link rel="stylesheet" type="text/css" href="/css/table.css" />

Debería estar bien, no?, o es suficiente hacerlo en el primer fichero y desde el jsp ya puede hacer uso de ellas sin tener que referencias.

Muchas gracias de antemano.

Saludos
ELIAS MANCHON
RE: Integrar jcarousel en liferay
2012/02/07 4:13
答え

ELIAS MANCHON

ランク: New Member

投稿: 8

参加年月日: 2012/01/31

最近の投稿

Perdón, el error es: "jquery is not defined"
ELIAS MANCHON
RE: Integrar jcarousel en liferay
2012/02/07 4:45
答え

ELIAS MANCHON

ランク: New Member

投稿: 8

参加年月日: 2012/01/31

最近の投稿

Ok ya me funciona, solo era incluir el path del contexto:

<script type="text/javascript" src="${renderRequest.contextPath}/js/jquery.jcarousel.js"></script>

No estoy acostumbrado.

Saludos.