Autor Thema: jquery Karussell  (Gelesen 7994 mal)

Offline Bernie

  • Globaler Moderator
  • Power Mitglied
  • *****
  • Beiträge: 139
  • Danksagungen: 116
    • Der etwas besondere Webkatalog
jquery Karussell
« am: 30.06.2012 »
Wer seinen Webkatalog mit einem Karussell statt eines randomlist verschönern möchte, der kann sich die Dateien (Als Gast können Sie die Verlinkung nicht sehen! Registrieren oder Anmelden)runterladen danach folgen Sie die darunter stehenden Anweisungen.

Instalieren des jquery Karussells
Das jquery Karussell ist im randomlist.tpl integriert und ersetzt dessen Funktion.

Code: (Als Gast können Sie die Verlinkung nicht sehen! Registrieren oder Anmelden)
- kopieren Sie den Ordner jquery-carousel in /root/javascript/
- kopieren Sie den Ordner img_jquery-carousel in /template/arfooo/images/
- kopieren Sie den Ordner jquery-carousel.tpl in /template/arfooo/site/

Öffnen Sie /template/arfooo/site/randomlist.tpl
Suchen Sie folgenden Code

Code: (Als Gast können Sie die Verlinkung nicht sehen! Registrieren oder Anmelden)
{foreach from=$randomSites value=site}
      <a href="{$site|objurl:'siteDetails'}" title="{$site.siteTitle}" >
      <img alt="{$site.siteTitle}" src="{$site.imageSrc}" class="random_image" />
      [/url]
    {/foreach}

Ersetzen durch folgenden Code

Code: (Als Gast können Sie die Verlinkung nicht sehen! Registrieren oder Anmelden)
<!--
    {foreach from=$randomSites value=site}
        <a href="{$site|objurl:'siteDetails'}" title="{$site.siteTitle}" >
        <img alt="{$site.siteTitle}" src="{$site.imageSrc}" class="random_image" />
        [/url]
    {/foreach}
    -->
    {include file="site/jquery-carousel.tpl"}

Öffnen Sie /template/arfooo/css/style.css
Am Ende der Datei style.css fügen Sie den Code der sich in der Datei css_jquery-caroussel.txt befindet.

Die Einstellungen werden in /root/javascript/jquery-carousel/config_cloud-carousel.js unternommen.

Infos dazu gibt es auf dieser (Als Gast können Sie die Verlinkung nicht sehen! Registrieren oder Anmelden), auf „JavaScript Setup Parameters“ klicken.

Offline Bernie

  • Globaler Moderator
  • Power Mitglied
  • *****
  • Beiträge: 139
  • Danksagungen: 116
    • Der etwas besondere Webkatalog
Re: jquery Karussell
« Antwort #1 am: 01.07.2012 »
 Es wäre vielleicht nicht schlecht wenn man die Einstellungen direkt im Administrationsbereich durchführen könnte.

Offline Only

  • Arfooo Directory Forum Team
  • Administrator
  • Power Mitglied
  • *****
  • Beiträge: 556
  • Danksagungen: 242
  • Arfooo Directory Script
    • Arfooo Directory Script
  • Arfooo Directory: http://www.walsroder-gewerbedatenbank.de
Re: jquery Karussell
« Antwort #2 am: 01.07.2012 »
Wir haben das mal in die HowTo Liste übernommen, als Wahlmöglichkeit aus dem Admin heraus entweder normal Ansicht der Zufallsbilder oder das Karussell.

Mit dem Einstellen müssen wir mal schauen ob das so funktioniert wie wir es haben möchten :)
MfG
Ihr Arfooo Forum Team
Bitte immer an die Boardregeln denken und zuerst die Suche benutzen, vor allem bitte keine eiligen Doppel Posts abgeben. Wenn Euch ein Beitrag gefallen hat könnt Ihr dem jeweiligen Mitglied Danke sagen. Zu finden unter dem Avatar des Forum Mitgliedes.

Offline Bernie

  • Globaler Moderator
  • Power Mitglied
  • *****
  • Beiträge: 139
  • Danksagungen: 116
    • Der etwas besondere Webkatalog
Re: jquery Karussell
« Antwort #3 am: 14.09.2012 »
 Um das Karussell an ein personifiziertes Template anzupassen müssen Sie folgendes tun.
 

1 - Zu erst mal das Bild in templates/arfooo/img_jquery-carousel/space.png an die Größe anpassen beziehungsweise Graphik ändern.

2 - Folgenden Code in der Datei templates/arfooo/css/style.css suchen

Code: (Als Gast können Sie die Verlinkung nicht sehen! Registrieren oder Anmelden)
/* Css jquery-caroussel */
#carousel {
width:530px;
height:300px;
margin-left:auto;
margin-right:auto;
overflow:scroll;
background:url(../images/img_jquery-carousel/space.png) no-repeat;

}
width = Länge und height = Höhe mit den Werten des Bildes space.png ändern.

3 - In der Datei javascript/jquery-carousel/config_cloud-carousel.js
den Wert xPos: = Einstellung des Rotationskreises und xRadius: = Einstellung  der horizontale Position ändern bis das Karussell Zentriert ist.

speed: = Einstellung der Geschwindigkeit des Karussells

Offline plesk

  • Neuling
  • *
  • Beiträge: 12
  • Danksagungen: 0
Re: jquery Karussell
« Antwort #4 am: 25.05.2015 »
Hallo,
der Link, um es herunterzuladen nicht mehr funktioniert
möglich, eine neue Verbindung haben
danke

Offline Bernie

  • Globaler Moderator
  • Power Mitglied
  • *****
  • Beiträge: 139
  • Danksagungen: 116
    • Der etwas besondere Webkatalog
Re: jquery Karussell
« Antwort #5 am: 26.05.2015 »
Hier der neue download Link (Als Gast können Sie die Verlinkung nicht sehen! Registrieren oder Anmelden)

 

SimplePortal 2.3.4 © 2008-2011, SimplePortal