Arrastrar imágenes con JQuery – Plataforma

Anteriormente vimos cómoarrastrar imágenes usandoScriptaculous y Prototype, sin embargo, quienes usanJQuery no pudieron implementarlo debido a que como muchos ya saben, esta librería no es compatible con Scriptaculous y Prototype.

Aun así, quienes usan JQuery también pueden tener el mismo efecto en las imágenes, es decir, puedenarrastrar las imágenes con un script que les permitirá moverlas de un lugar a otro dentro del blog.
Puedes ver un ejemplo eneste blog de pruebas.

Para crear esteefecto en las imágenes entra enDiseño Edición de HTML y pega antes de/head lo siguiente:

script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'/
script src='http://ciudad-blogger.googlecode.com/files/jquery.easydrag.js' type='text/javascript'/

Ahora sólo usa este código cuando quieras que una imagen se arrastre:

img id="easydrag1" src="URL de la imagen" style="border: 0px none; cursor: move;" /
script type="text/javascript"
$(function(){ $("#easydrag1").easydrag();});
/script

Cambia la URL de la imagen donde se indica, y además, es importante que cada imagen tenga un ID único, en este ejemplo el ID se llamaeaseydrag1, ese ID debe ponerse dos veces donde se indica en color azul.

Si tuvieras otra imagen con este efecto entonces ponle un ID distinto a la otra imagen, por ejemploeasydrag2, de lo contrario no funcionará.

¿Y cómo hacer si queremos ponerle un link a la imagen?
Usaremos la misma técnica que usamos con lasimágenes arrastrables con Scriptaculous y Prototype, es decir, le pondremos una función Javascript para que al dar doble click sobre ella se abra la página que quieras.
En ese caso el código que usarías sería este:

img id="easydrag1" style="cursor:move; border:0px;" ondblClick="javascript:window.open('URL del enlace')" src="URL de la imagen" /script type="text/javascript"
$(function(){ $("#easydrag1").easydrag();});
/script

Con eso la imagen se podrá arrastrar sin problemas y podrá tener un vínculo activado al dar doble click sobre ella.

Como dije en un inicio, este método es para quienes usan JQuery, si usas Scriptaculous y Prototype entonces usaeste otro método.

Te recomiendo que descargues los scripts y losalojes en la plantilla o bien,en tu propio servidor, si haces esto último sólo cambia lo que está encolor verde por las URL de tus archivos.

Descargar | JQuery EasyDrag

Hard drive Data Recovery Services Business finance group la personal injury lawyer Structures Annuity Settlement Personal Injury Law Firm Online casino Social media management buyer of structured settlement annuity Register Free Domains lease management software Neuson Auto Mobile Insurance Quote forensics online course mesothelioma Email Bulk Service Mobile casino Best social media platforms cash out structured settlement Hire php programmers Proud Italian cook MASSAGE SCHOOL DALLAS TEXAS Gas/Electricity Hard drive data recovery services buying an annuity calculator PHD IN COUNSELING EDUCATION Paperport Promotional Code domains yahoo Donate Car for Tax Credit Dayton Freight Lines DUI lawyer Cheap Auto Insurance in VA AUTOMOBILE ACCIDENT ATTORNEY Make money online Australia fortis health insurance temporary auto accident lawyer san francisco federal criminal defense attorney donating used cars to charity Forex Trading Platform Casino Virtual Data Rooms Php programmers for hire virtual data rooms hosted predictive dialers Adobe illustrator classes REGISTER FREE DOMAINS Casino reviews Criminal lawyer Donate cars in ma Holland Michigan College Social media platforms for business Injury Lawyers Best Seo company DAYTON FREIGHT LINES donate car for tax credit city college in miami Register free domains FUTURISTIC ARCHITECTURE los angeles auto accident attorneys accident attorney san bernardino Car Accident Lawyers Best social media platforms for business Massage School Dallas Texas Seo companies Better conferencing calls mesothelioma lawyer asbestos cancer lawsuit structured settlement investments personal injury law firm Live casino student loan consolidation program Motor replacements Html email purchase structured settlements benchmark lending massage school dallas texas Computer science classes online car insurance quotes pa Dwi lawyer car insurance in south dakota personal injury accident lawyer mesothelioma litigation Donate Car to Charity California mesothelioma settlements Hire php developers WORLD TRADE CENTER FOOTAGE Royalty Free Images Stock Psychic for free Futuristic Architecture business administration masters CHEAP DOMAIN REGISTRATION HOSTING supportpeachtreecom LOW CREDIT LINE CREDIT CARDS insurance medical temporary DALLAS MESOTHELIOMA ATTORNEYS Custom Christmas cards Service business software Criminal defense lawyer new mexico mesothelioma lawyer Best Criminal Lawyers in Arizona Hire php developer Bankruptcy lawyer chicago hair laser removal semi truck accident lawyers Php programmers ONLINECLASSES New social media platforms Donate Old Cars to Charity DONATE A CAR IN MARYLAND Social media examiner Psd to html low credit line credit cards cloud identity and access management hughes net business Insurance Companies Email bulk service injury attorney baton rouge