{"id":4803,"date":"2023-04-26T00:02:56","date_gmt":"2023-04-26T00:02:56","guid":{"rendered":"https:\/\/soccorsowp.it\/blog\/ccslider-plugin-slideshow-jquery-3d\/"},"modified":"2024-12-23T20:00:19","modified_gmt":"2024-12-23T20:00:19","slug":"ccslider-plugin-slideshow-jquery-3d","status":"publish","type":"post","link":"https:\/\/soccorsowp.it\/blog\/ccslider-plugin-slideshow-jquery-3d\/","title":{"rendered":"CCSlider – Plugin Slideshow jQuery 3D"},"content":{"rendered":"

[ad_1]
\n
\nProvalo<\/a>Acquistalo ora a \u20ac16<\/a>Richiedi il nostro supporto<\/a><\/p>\n

CCSlider \u00e8 un plugin<\/a> jQuery che consente di creare slideshow 3D responsivi e personalizzabili. Questo strumento \u00e8 molto utile per chi ha bisogno di aggiungere un tocco di eleganza e interattivit\u00e0 ai propri siti web.<\/p>\n

Una delle caratteristiche pi\u00f9 interessanti di CCSlider \u00e8 la sua facilit\u00e0 d’uso. Non \u00e8 necessario conoscere il linguaggio di programmazione, anche se questo pu\u00f2 aiutare a personalizzare il plugin. Il plugin utilizza codice HTML semplice scritto in modo chiaro e leggibile, e permette di aggiungere il pi\u00f9 importante input visivo in pochi minuti.<\/p>\n

CCSlider \u00e8 stato creato per essere flessibile e personalizzabile, il che lo rende adatto a una vasta gamma di utilizzi. La maggior parte delle opzioni possono essere modificate attraverso un semplice editor di testo oppure attraverso l’interfaccia utente nel browser. In questo modo \u00e8 possibile creare slideshow completamente personalizzati per le tue esigenze.<\/p>\n

Le opzioni del plugin di CCSlider possono essere suddivise in due sezioni: le opzioni di base, che riguardano l’impostazione del plugin, e le opzioni avanzate, che permettono una maggiore personalizzazione<\/a> del tuo slideshow.<\/p>\n

Le opzioni di base includono la possibilit\u00e0 di scegliere tra due differenti stili per il tuo slideshow. Questo significa che potrai selezionare uno stile a caricamento progressivo oppure uno stile a pre-caricamento completo. Il caricamento progressivo non richiede che tutto il contenuto del tuo slideshow venga scaricato prima che venga visualizzato, ma permette di vedere i contenuti gi\u00e0 disponibili durante il processo di caricamento. Il pre-caricamento completo, invece, scarica tutto il contenuto prima che lo slideshow venga visualizzato.<\/p>\n

L’opzione autoplay viene utilizzata per far partire il slideshow automaticamente, senza che l’utente debba fare qualcosa. Questo \u00e8 un’opzione molto utile se si vuole creare un slideshow di presentazione o un banner pubblicitario.<\/p>\n

Puoi impostare il timer tra i cambi di slide e la durata di ogni singola slide. CCSlider ti consente di impostare i tempi di transizione per ogni singola slide. In questo modo, puoi creare una presentazione a tempo o personalizzare il tempo fra una slide e l’altra.<\/p>\n

CCSlider ti permette anche di scegliere la posizione dei bottoni di navigazione e quelli delle miniature. La posizione dei tuoi bottoni di navigazione e delle miniature potrebbe essere in alto, in basso, a sinistra, a destra o in ogni angolo.<\/p>\n

Oltre alle opzioni di base, CCSlider offre opzioni avanzate che consentono di personalizzare ulteriormente il tuo slideshow. Tra le opzioni avanzate sono inclusi la scelta del tipo di effetto di transizione, la regolazione della velocit\u00e0 di transizione, e la possibilit\u00e0 di aggiungere testo, immagini e coinvolgere l’utente in altri modi.<\/p>\n

Una delle caratteristiche pi\u00f9 interessanti del plugin \u00e8 la possibilit\u00e0 di creare una serie di modelli di effetto di transizione, che \u00e8 possibile utilizzare per creare slideshow con diversi effetti di transizione, come l’effetto dissolvenza, l’effetto cubo e l’effetto sfera.<\/p>\n

CCSlider integra anche la funzione zoom, che consente di zoomare in particolari parti delle immagini all’interno dei tuoi slideshow. Inoltre, CCSlider supporta la creazione di un’animazione di background personalizzato o l’aggiunta di elementi all’interno del tuo slideshow.<\/p>\n

CCSlider \u00e8 perfetto per chi cerca un’opzione semplice, flessibile e personalizzabile per creare un slideshow 3D sul proprio sito. La facilit\u00e0 d’uso del plugin consente di creare un bellissimo slideshow in meno di cinque minuti, mentre le opzioni avanzate consentono di personalizzare il tuo slideshow secondo le proprie esigenze. Con CCSlider, \u00e8 possibile creare slideshow professionali anche senza conoscere i dettagli del coding.<\/p>\n

1. Che cos’\u00e8 CCSlider?<\/p>\n

CCSlider \u00e8 un plugin per jQuery, unico nel suo genere, che permette di creare presentazioni di immagini con le transizioni in 3D. Ha a disposizione 14 diverse transizioni 3D e 16 transizioni 2D.<\/p>\n

2. Quali sono le principali caratteristiche di questo plugin?<\/p>\n

CCSlider ha numerose funzionalit\u00e0, tra cui:<\/p>\n

– 14 transizioni animate 3D basate su HTML5 Canvas.
\n– 16 transizioni animate 2D.
\n– Supporto per la retrocessione a una transizione 2D di tua scelta per i browser che non supportano HTML5 Canvas.
\n– Impostazione del numero di parti per le transizioni 3D.
\n– Impostazione del ritardo dell’animazione tra le parti.
\n– Impostazione della direzione del ritardo.
\n– Impostazione dello spostamento sull’asse z e della separazione tra parti.
\n– Impostazione di una funzione di easing a scelta per le transizioni 3D.
\n– Possibilit\u00e0 di impostare parametri di transizione personalizzati per ogni slide.
\n– Possibilit\u00e0 di impostare ombreggiatura per le transizioni “Cube” 3D.
\n– Supporto per immagini PNG trasparenti come immagini delle slides per le transizioni 3D.
\n– Supporto per didascalie HTML.
\n– Ogni slide pu\u00f2 avere una posizione di didascalia diversa.
\n– Le didascalie possono avere transizioni animate (dissolvenza, scorrimento) o nessuna transizione.
\n– Opzione per il controllo di collegamenti per singole slides. \u00c8 possibile anche avere miniature come collegamenti.
\n– Ogni immagine di slide pu\u00f2 fungere da collegamento ad una pagina esterna.
\n– Supporto per contenuti HTML personalizzati per ogni slide. Questi contenuti appaiono sulla slide stessa. \u00c8 possibile anche incorporare dei video nelle slide.
\n– Possibilit\u00e0 di attivare l’opzione autoplay. Sono previsti pulsanti play\/pause quando viene selezionata l’opzione Autoplay. Nei browser supportati, viene utilizzata l’API di HTML5 Page Visibility per fermare l’autoplay quando la scheda\/finestra contenenti lo slider non \u00e8 in primo piano.
\n– Possibilit\u00e0 di mettere in pausa l’Autoplay in caso di passaggio col mouse sopra lo slider.
\n– Completamente responsivo e funziona su tutti i dispositivi, dal desktop ai dispositivi mobili.
\n– Navigazione attraverso le slide tramite gesti touch in dispositivi iOS, Android ed altri dispositivi touchscreen.
\n– Sono disponibili opzioni per le funzioni di callback che si eseguono prima o dopo che una slide cambia. Sono disponibili anche degli eventi personalizzati per questi eventi di cambio slide precedente e successiva.
\n– Vengono messe a disposizione delle funzioni API utili quali next(), prev(), start(), stop(), goToSlide() e destroy(), che permettono la manipolazione programmatica della presentazione.<\/p>\n

3. Le transizioni 3D funzionano su tutti i browser?<\/p>\n

Le transizioni 3D funzionano solo sui browser che supportano HTML5 Canvas. Al contrario le transizioni 2D funzionano sulla maggior parte dei browser. Se si sceglie una transizione 3D, \u00e8 possibile definire una transizione 2D in caso di browser che non supportano Canvas. Internet Explorer 8 e precedenti non supportano Canvas, ma IE 9 e successive lo supportano.<\/p>\n

4. Ci sono recensioni disponibili per questo plugin?<\/p>\n

S\u00ec, ci sono alcune recensioni disponibili su Codecanyon. \u00c8 possibile visualizzarle cliccando sul link “Reviews” nella descrizione del plugin.<\/p>\n

5. Quali sono le versioni rilasciate in passato e quali erano le novit\u00e0?<\/p>\n

Le versioni rilasciate in passato sono le seguenti:<\/p>\n

– Versione 3.0.2 (22 aprile 2013): la presentazione \u00e8 stata resa compatibile con jQuery 1.9+. Viene utilizzata l’API di HTML5 Page Visibility nei browser supportati per fermare l’autoplay quando la scheda\/finestra contenenti lo slider non \u00e8 in primo piano, e riprendere l’autoplay quando la scheda\/finestra \u00e8 riattivata.
\n– Versione 3.0.1 (27 giugno 2012): \u00e8 stata corretta una problematica per la quale la presentazione smetteva di funzionare quando i pulsanti prev\/next venivano disabilitati in modalit\u00e0 3D.
\n– Versione 3.0 (16 giugno 2012): l’opzione responsive<\/a> layout \u00e8 stata aggiunta alla presentazione. Le slide possono essere navigate usando gesti touch sui dispositivi touchscreen. Sono state messe a disposizione quattro posizioni di didascalia, “top”, “bottom”, “left” e “right”. Ogni slide pu\u00f2 avere una posizione di didascalia diversa.
\n– Versione 2.0.1 (17 gennaio 2012): \u00e8 stata corretta una problematica relativa ai link del primo immagine della presentazione che non erano attivi al caricamento della pagina. I link immagine, quando vengono cliccati, adesso aprono le pagine nella stessa finestra.
\n– Versione 2.0 (6 gennaio 2012): il supporto per transizioni personalizzate per ogni slide \u00e8 stato aggiunto. Supporto per il contenuto HTML personalizzato per ogni slide \u00e8 stato aggiunto, permettendo l’uso del proprio stile di contenuto animabile. Le immagini delle slide possono fungere da collegamenti esterni. Sono state aggiunte 4 nuove transizioni 3D e 6 nuove transizioni 2D. Le transizioni 3D adesso hanno ulteriori opzioni per specificare lo spostamento sull’asse z, la distanza di separazione tra le parti e la direzione dell’animazione di ritardo. Anche le righe e le colonne sono presenti nelle nuove transizioni ‘grid’ 3D. CCSlider ora fornisce funzioni API quali next(), prev(), start(), stop(), goToSlide () e destroy(). Sono forniti eventi personalizzati relativi alle funzioni di callback “beforeSlideChange” e “afterSlideChange”. \u00c8 possibile utilizzare immagini PNG trasparenti come immagini delle slide per le transizioni 3D. \u00c8 stata migliorata la velocit\u00e0 di esecuzione nelle transizioni 3D basate su Canvas. Diverse correzioni di piccoli bug sono state apportate.
\n– Versione 1.1.1 (27 maggio 2011): \u00e8 stata corretta una problematica relativa all’incompatibilit\u00e0 delle immagini della presentazione su IE9. \u00c8 stata corretta una problematica relativa al funzionamento dell’autoplay e di pauseOnHover.
\n– Versione 1.1 (3 marzo 2011): \u00c8 stata aggiunta l’opzione di casualit\u00e0 nella scelta delle transizioni tra le slide, oltre alla possibilit\u00e0 di avviare la presentazione da un punto qualsiasi.<\/p>\n

“Stai avendo problemi con CCSlider – jQuery 3d Slideshow Plugin? Non preoccuparti! Se hai bisogno di assistenza per l’installazione e la configurazione del plugin, contattaci aprendo un ticket alla G Tech Group inviando una mail a support@gtechgroup.it. Ti forniremo un’assistenza completa per risolvere qualsiasi problema possa sorgere!”<\/p>\n

[ad_2]
\nSource<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

[ad_1] ProvaloAcquistalo ora a \u20ac16Richiedi il nostro supporto CCSlider \u00e8 un plugin jQuery che consente di creare slideshow 3D responsivi e personalizzabili. Questo strumento \u00e8…<\/p>\n","protected":false},"author":1,"featured_media":4804,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[741],"tags":[404],"class_list":{"0":"post-4803","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-plugin","8":"tag-wordpress"},"_links":{"self":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/4803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/comments?post=4803"}],"version-history":[{"count":0,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/4803\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media\/4804"}],"wp:attachment":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media?parent=4803"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/categories?post=4803"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/tags?post=4803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}