WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Complete Image Styles & Effects

— Add- On per WorldWideScripts.net

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


Ads

Ad: Bluehost hosting

Questo strumento crea stili ed effetti per le immagini di qualsiasi sito web utilizzando solo CSS3 e Javascript ( jQuery ) impressionanti .Supporta molti stili ed effetti che la maggior parte di essi possono essere combinati. Le combinazioni sono centinaia !

Utilizzando l'editor si possono facilmente comporre e testare i vostri stili . Poi, si esportano i file contenenti il codice che produce questi stili e li include nel tuo sito web . Infine, applicare gli stili alle immagini semplicemente aggiungendo ad essi il nome della classe CSS corretto .

Stili e Effetti supportati

Sono supportati i seguenti stili ed effetti . La maggior parte di essi possono essere combinati, ma ci sono alcuni di loro che non possono lavorare insieme . Quindi, attivare il tuo passo per passo e stili di verificare ogni volta se il risultato è bello e se funziona correttamente .

  • Confine
  • Ritaglio
  • Arricciata Corners
  • Doppio Delineato
  • Goffrato
  • Didascalia esterno
  • Float
  • Incorniciato
  • Overlay lucido
  • Glowing
  • Curva orizzontale
  • Didascalia interno
  • Angoli sollevato
  • Margine
  • Opacità
  • Prospettiva
  • Pop
  • Box rialzato
  • Riflessione
  • rotazione
  • Gli angoli arrotondati
  • Immagine rotonda
  • Ombra
  • Agitare
  • Dimensione
  • Scorrevole
  • Didascalia
  • Tape
  • Tooltip
  • Curva verticale
  • Transizione

Questo strumento comprende 18 stili / effetti che possono essere usati da voi predefiniti .

Come funziona

Questo strumento include un editor che consente di creare e testare gli stili di immagine e gli effetti che desiderate.Utilizzando questo editor si evita la necessità di conoscenze di programmazione . Qui sotto potete vedere due screenshot dell'editor .

III III II . II ,

La combinazione di stili ed effetti formano una "vista" .È possibile creare quante viste come si desidera. Ogni vista può essere applicato alle immagini del tuo sito web . Il nome della vista è il nome della classe CSS che verrà aggiunto all'immagine in modo da essere stilizzata .

Dopo aver terminato con la vista, l'editor crea un file CSS e due file Javascript che saranno inclusi nel tuo sito web . ( Se il tuo sito non viene caricato jQuery quindi si riceverà anche il file jQuery dall'editor . ) Quindi si applica gli stili creati da immagini utilizzando l' attributo di classe di ogni immagine . Come detto prima, il nome della vista è il nome della classe CSS che verrà aggiunto all'immagine . Ad esempio, il codice HTML dell'immagine<img src="images/project.jpg">sarà fatto<img src="images/project.jpg" class="my-style-1">.

Non è necessaria alcuna conoscenza di programmazione avanzata, solo semplice HTML . Hai solo bisogno di stare attenti quando si includono i file necessari per il tuo sito web, ma non vi è documentazione di aiuto su questo .

Ciò che questo strumento include

Scaricando questo strumento si riceve un file zip ( 775 KB ) che contiene solo i tipi di file più comuni ( html, css, js, jpg, png e txt) . Tra questi file di quelli che si intende utilizzare sono i seguenti

  • editor.html: Questo è il file principale. Questo è l'editor che crea gli stili e gli effetti per le immagini .
  • help.html: Aiuta la documentazione su come utilizzare l'editor e come applicare gli stili e gli effetti per le immagini del tuo sito web.
  • demos.html: Una raccolta di stili pronti e gli effetti solo per mostrare le funzionalità di questo strumento. Inoltre è possibile utilizzare nel vostro sito web .
  • demos.txt: Salvato dati degli stili demo ed effetti per caricarli nell'editor e modificarli o utilizzarli direttamente .

Anche i seguenti articoli saranno inclusi nel vostro sito web .

  • cisae.js: Il file già creato e pronto per essere utilizzato .
  • cisae.css: Verrà creato dal redattore .
  • codice Javacscript: Poche righe di codice Javascript che verranno creati dall'editor .

Attenzione

  • Gli stili e gli effetti non possono essere applicati alle immagini a cui si applicano gli altri stili CSS complessi o codice Javascript li manipola .
  • Non è possibile applicare più di una visione per la stessa immagine .
  • Questo strumento può lavorare con Joomla e WordPress .

Trial

La versione di prova di stili un'immagine completa ed Effetti non supporta tutti gli stili e gli effetti, ma solo pochi di loro . Tranne questa limitazione, il resto dello strumento è normalmente in funzione, in modo da poter effettuare una vera e propria prova di esso ed essere sicuri che si adatta alle vostre esigenze .

Scarica il Trial

Maggiori informazioni su questo strumento


Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
22 ottobre 12

Ultimo aggiornamento:
25 ottobre 12

Software Version:
jQuery

Files Included:
JavaScript JS , JSON JavaScript , HTML , CSS

Parole chiave