{"id":638,"date":"2010-03-19T10:41:53","date_gmt":"2010-03-19T09:41:53","guid":{"rendered":"https:\/\/www.artera.net\/it\/blog\/?p=638"},"modified":"2023-03-06T17:56:15","modified_gmt":"2023-03-06T17:56:15","slug":"creare-slideshow-con-mootools-parte-2","status":"publish","type":"post","link":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/","title":{"rendered":"Creare Slideshow con mootools \u2013 parte 2"},"content":{"rendered":"

Nella puntata precedente di questo mini-tutorial, che ha lo scopo di creare uno slideshow di immagini<\/a> gestito con il framework javascript MooTools,<\/em> avevamo sviluppato la struttura XHTML del box che conterr\u00e0 l’animazione<\/strong> e farcito il codice con un CSS per rendere gradevole, almeno per un minimo, il nostro box.<\/p>\n

\"slide-02\"<\/a><\/p>\n

Oggi ci occuperemo di sviluppare la parte pi\u00f9 interessante dello slideshow: il codice Javascript<\/strong>.<\/p>\n

Per gestire il flusso dell’animazione<\/strong> abbiamo deciso di creare una semplice classe Javascript<\/strong> in modo da ottimizzare le varie operazioni e non avere una lista di funzioni disordinate e non ottimizzate.<\/p>\n

Creiamo la nostra classe implementando la classe Options<\/em> di mootools<\/em> e impostando alcune opzioni che ci serviranno all’interno di essa.<\/p>\n

var Slideshow=new Class({\n    Implements:Options,\n    options:{\n        interval:3000,\n        duration:1000,\n        leftArrow:'left-arrow',\n        rightArrow:'right-arrow'\n    }<\/pre>\n
Implementando la classe Options<\/em> potremo poi, nel metodo initialize, utilizzare il metodo setOptions<\/em> e dare la possibilit\u00e0 di re-impostare le opzioni ogni volta che la classe Slideshow<\/em> viene istanziata. In particolare tra le opzioni vediamo i valori:<\/p>\n
    \n
  • interval -> l’intervallo di tempo (in millisecondi) che trascorre tra una animazione e l’altra<\/li>\n
  • duration -> la durata (in millisecondi) della transazione dell’animazione<\/li>\n
  • leftArrow -> l’id dell’elemento freccia precedente<\/li>\n
  • rightArrow -> l’id dell’elemento freccia successiva<\/li>\n<\/ul>\n
    Scriviamo ora il costruttore della nostra classe:<\/p>\n
    \tinitialize: function(wrapper,options){\n\tthis.setOptions(options);\n\tthis.wrapper=wrapper;\n\tthis.imgs=this.wrapper.getElements('a');\n\tif (this.imgs.length>1) {\n\t\tthis.imgs.each(function(img){\n\t\t\tif (img.hasClass('hide')){\n\t\t\t\timg.set('tween',{\n\t\t\t\t\tduration:this.options.duration,\n\t\t\t\t\tonComplete:function(){\n\t\t\t\t\t\tif (img.hasClass('hide')) img.removeClass('hide');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\timg.tween('opacity',0);\n\t\t\t} else this.selected=img.addClass('selected');\n\t\t}, this);\n\t}\n\t$(this.options.leftArrow).addEvent('click',this.start.bind(this,['previous']));\n\t$(this.options.rightArrow).addEvent('click',this.start.bind(this,['next']));\n\tthis.intervalID=this.autoStart.periodical(this.options.interval,this);\n}<\/pre>\n
    Analizzando le operazioni che offre il nostro costruttore possiamo notare che salvando in una propriet\u00e0 di classe gli elementi con tag A<\/em> che compongono il nostro slideshow ( this.imgs=this.wrapper.getElements(‘a’); ) impostiamo per ognuno di essi le opzioni della transazione<\/strong> che user\u00e0 la classe Fx.Tween offerta da mootools:<\/p>\n
    img.set('tween',{\nduration:this.options.duration,\n    onComplete:function(){\n\tif (img.hasClass('hide')) img.removeClass('hide');\n    }\n});<\/pre>\n
    Notiamo, arrivando alle ultime tre righe di codice del nostro initialize che applichiamo i listener<\/em> sulle due frecce direzionali, con i metodi addEvent<\/em> di mootools, associando il metodo “start” che definiremo tra poco. L’ultima riga, invece, ci mostra la direttiva pi\u00f9 interessante: l’autoStart dello slideshow richiamato ogni this.options.interval<\/em> millisecondi.<\/p>\n
    Arriviamo ora al metodo start<\/em> di cui abbiamo accennato poco sopra:<\/p>\n
    start: function(dir){\n\t$clear(this.intervalID);\n\n\tif (!$defined(this.selected)) this.selected=this.imgs[0];\n\tif (dir=='next') {\n\t\tif ($defined(this.selected.getNext()))\n\t\t\tvar next=this.selected.getNext();\n\t\telse var next=this.imgs[0];\n\t} else {\n\t\tif ($defined(this.selected.getPrevious()))\n\t\t\tvar next=this.selected.getPrevious();\n\t\telse var next=this.imgs[this.imgs.length-1];\n\t}\n\tthis.selected.tween('opacity',0);\n\tnext.tween('opacity',1);\n\tthis.selected.removeClass('selected');\n\tthis.selected=next.addClass('selected');\n\n\tthis.intervalID=this.autoStart.periodical(this.options.interval,this);\n},<\/pre>\n
    Abbiamo detto, poco fa, che il metodo start<\/em> viene richiamato ogni volta che l’utente clicca sulle frecce direzionali. Cliccando sulle frecce dobbiamo interrompere temporaneamente l’automatismo che permette di operare lo slideshow in modo temporizzato. Per fare ci\u00f2 cancelliamo, come prima istruzione, la propriet\u00e0 intervalID<\/em> in modo da fermare l’automatismo in questione con la funzione $clear<\/em> offerta da mootools.
    \nNelle righe centrali del metodo start<\/em> noriamo che selezioniamo il prossimo elemento in base alla freccia selezionata: il precedente oppure il successivo. Teniamo a mente che se stiamo visualizzando l’ultimo elemento dello slideshow<\/strong>, questo deve ripartire da capo<\/strong>. Per provvedere a questa necessit\u00e0 abbiamo inserito il controllo:<\/p>\n
    if ($defined(this.selected.getNext()))\noppure\nif ($defined(this.selected.getPrevious()))<\/pre>\n
    Per operare la vera transazione utilizziamo il metodo tween<\/em> che mootools fornisce ai nostri elementi, invece che istanziare una classe Fx.Tween<\/em>, come gi\u00e0 abbiamo visto nel metodo initialize<\/em>.
    \nInfine facciamo ripartire l’automatismo temporizzato per lo slideshow automatico delle immagini<\/strong> richiamando il metodo autoStart<\/em>.<\/p>\n
    Proprio il metodo autoStart<\/em> \u00e8 l’ultimo della nostra breve classe. Esso non \u00e8 altro che una sorta di metodo start<\/em> in breve:<\/p>\n
    autoStart: function(){\n\tif (!$defined(this.selected)) this.selected=this.imgs[0];\n\tif ($defined(this.selected.getNext()))\n\t\tvar next=this.selected.getNext();\n\telse var next=this.imgs[0];\n\tthis.selected.tween('opacity',0);\n\tnext.tween('opacity',1);\n\tthis.selected.removeClass('selected');\n\tthis.selected=next.addClass('selected');\n}<\/pre>\n
    Tramite le poche istruzioni del metodo autoStart<\/em> il metodo estrae l’elemento successivo a quello selezionato. Gestendo l’opacit\u00e0, infine, viene nascosto l’elemento selezionato e reso visibile il successivo.<\/p>\n
    Cos\u00ec la nostra classe \u00e8 completa, ma per rendere funzionante lo slideshow bisogna istanziare la classe al caricamento della pagina:<\/p>\n
    window.addEvent('domready',function(){\n\tnew Slideshow($('slideshow'));\n});<\/pre>\n
    Istanziando la classe, passiamo al costruttore l’elemento contenente la lista degli elementi che fanno parte dello slideshow. Nel caso volessimo personalizzare le opzioni in base all’istanza dovremo soltanto aggiungere il secondo parametro, inserendo un Hash contenente la lista di opzioni<\/strong> da impostare.<\/p>\n
    Cos\u00ec il nostro slideshow Javascript<\/strong> \u00e8 pronto e possiamo catturare l’utente del nostro sito con poche righe di codice e qualche immagine accattivante<\/strong>.<\/p>\n
    Scarica il file js con il codice sorgente completo.<\/p>\n","protected":false},"excerpt":{"rendered":"
    \"mootools.net Nella puntata precedente di questo mini-tutorial, che ha lo scopo di creare uno slideshow di immagini<\/strong> gestito con il framework javascript MooTools<\/strong>, avevamo sviluppato la struttura XHTML del box che conterr\u00e0 l’animazione e farcito il codice con un CSS per rendere gradevole, almeno per un minimo, il nostro box.
    \nOggi ci occuperemo di sviluppare la parte pi\u00f9 interessante dello slideshow: il codice Javascript<\/strong>.<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[300],"tags":[85,86,87],"class_list":["post-638","post","type-post","status-publish","format-standard","hentry","category-marketing","tag-animazioni-web","tag-mootools","tag-slideshow-javascript"],"yoast_head":"\n\u2022 Creare Slideshow con mootools \u2013 parte 2 - Artera<\/title>\n<meta name=\"description\" content=\"Leggi dal blog: Creare Slideshow con mootools \u2013 parte 2. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2022 Creare Slideshow con mootools \u2013 parte 2 - Artera\" \/>\n<meta property=\"og:description\" content=\"Leggi dal blog: Creare Slideshow con mootools \u2013 parte 2. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Artera\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/artera.net\/\" \/>\n<meta property=\"article:published_time\" content=\"2010-03-19T09:41:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-06T17:56:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/03\/slide-02.png\" \/>\n<meta name=\"author\" content=\"Massimiliano Torromeo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Massimiliano Torromeo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/\"},\"author\":{\"name\":\"Massimiliano Torromeo\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/f0793d88769c8429e457f364de9ae071\"},\"headline\":\"Creare Slideshow con mootools \u2013 parte 2\",\"datePublished\":\"2010-03-19T09:41:53+00:00\",\"dateModified\":\"2023-03-06T17:56:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/\"},\"wordCount\":627,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/03\\\/slide-02.png\",\"keywords\":[\"animazioni web\",\"mootools\",\"slideshow javascript\"],\"articleSection\":[\"Marketing\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/\",\"name\":\"\u2022 Creare Slideshow con mootools \u2013 parte 2 - Artera\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/03\\\/slide-02.png\",\"datePublished\":\"2010-03-19T09:41:53+00:00\",\"dateModified\":\"2023-03-06T17:56:15+00:00\",\"description\":\"Leggi dal blog: Creare Slideshow con mootools \u2013 parte 2. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/03\\\/slide-02.png\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/03\\\/slide-02.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/creare-slideshow-con-mootools-parte-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creare Slideshow con mootools \u2013 parte 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"name\":\"Artera\",\"description\":\"Swiss Premium Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.artera.net\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\",\"name\":\"Artera\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"width\":300,\"height\":77,\"caption\":\"Artera\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/artera.net\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/artera\\\/\",\"https:\\\/\\\/www.instagram.com\\\/artera_swiss\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/f0793d88769c8429e457f364de9ae071\",\"name\":\"Massimiliano Torromeo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8c79e6f7da11d2b45e20c77201173517aecba437175f94ec02f729095cb40c2?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8c79e6f7da11d2b45e20c77201173517aecba437175f94ec02f729095cb40c2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8c79e6f7da11d2b45e20c77201173517aecba437175f94ec02f729095cb40c2?s=96&d=mm&r=g\",\"caption\":\"Massimiliano Torromeo\"},\"description\":\"Passionate about computer science since I was a child, I started programming as a self-taught person from about the age of twelve. Over time, I have become a staunch supporter of free software and the open source movement. This fondness for free software soon led me to approach the Linux world and in 2011 I became a member of the Arch Linux Trusted Users team. In Artera since 2007 I deal with all aspects related to our infrastructure, internal development of software and enterprise solutions, research and development and internal training of our programming and support departments.\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/author\\\/massimiliano-torromeo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u2022 Creare Slideshow con mootools \u2013 parte 2 - Artera","description":"Leggi dal blog: Creare Slideshow con mootools \u2013 parte 2. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/","og_locale":"it_IT","og_type":"article","og_title":"\u2022 Creare Slideshow con mootools \u2013 parte 2 - Artera","og_description":"Leggi dal blog: Creare Slideshow con mootools \u2013 parte 2. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","og_url":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/","og_site_name":"Artera","article_publisher":"https:\/\/www.facebook.com\/artera.net\/","article_published_time":"2010-03-19T09:41:53+00:00","article_modified_time":"2023-03-06T17:56:15+00:00","og_image":[{"url":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/03\/slide-02.png","type":"","width":"","height":""}],"author":"Massimiliano Torromeo","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Massimiliano Torromeo","Tempo di lettura stimato":"4 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/#article","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/"},"author":{"name":"Massimiliano Torromeo","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/f0793d88769c8429e457f364de9ae071"},"headline":"Creare Slideshow con mootools \u2013 parte 2","datePublished":"2010-03-19T09:41:53+00:00","dateModified":"2023-03-06T17:56:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/"},"wordCount":627,"commentCount":0,"publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/03\/slide-02.png","keywords":["animazioni web","mootools","slideshow javascript"],"articleSection":["Marketing"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/","url":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/","name":"\u2022 Creare Slideshow con mootools \u2013 parte 2 - Artera","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/#primaryimage"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/03\/slide-02.png","datePublished":"2010-03-19T09:41:53+00:00","dateModified":"2023-03-06T17:56:15+00:00","description":"Leggi dal blog: Creare Slideshow con mootools \u2013 parte 2. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","breadcrumb":{"@id":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/#primaryimage","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/03\/slide-02.png","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/03\/slide-02.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.artera.net\/it\/marketing\/creare-slideshow-con-mootools-parte-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artera.net\/it\/"},{"@type":"ListItem","position":2,"name":"Creare Slideshow con mootools \u2013 parte 2"}]},{"@type":"WebSite","@id":"https:\/\/www.artera.net\/it\/#website","url":"https:\/\/www.artera.net\/it\/","name":"Artera","description":"Swiss Premium Hosting","publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.artera.net\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.artera.net\/it\/#organization","name":"Artera","url":"https:\/\/www.artera.net\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","width":300,"height":77,"caption":"Artera"},"image":{"@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/artera.net\/","https:\/\/www.linkedin.com\/company\/artera\/","https:\/\/www.instagram.com\/artera_swiss\/"]},{"@type":"Person","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/f0793d88769c8429e457f364de9ae071","name":"Massimiliano Torromeo","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/c8c79e6f7da11d2b45e20c77201173517aecba437175f94ec02f729095cb40c2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c8c79e6f7da11d2b45e20c77201173517aecba437175f94ec02f729095cb40c2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c8c79e6f7da11d2b45e20c77201173517aecba437175f94ec02f729095cb40c2?s=96&d=mm&r=g","caption":"Massimiliano Torromeo"},"description":"Passionate about computer science since I was a child, I started programming as a self-taught person from about the age of twelve. Over time, I have become a staunch supporter of free software and the open source movement. This fondness for free software soon led me to approach the Linux world and in 2011 I became a member of the Arch Linux Trusted Users team. In Artera since 2007 I deal with all aspects related to our infrastructure, internal development of software and enterprise solutions, research and development and internal training of our programming and support departments.","url":"https:\/\/www.artera.net\/it\/author\/massimiliano-torromeo\/"}]}},"_links":{"self":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/comments?post=638"}],"version-history":[{"count":2,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/638\/revisions"}],"predecessor-version":[{"id":255386,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/638\/revisions\/255386"}],"wp:attachment":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media?parent=638"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/categories?post=638"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/tags?post=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}