Ladda din Instructables i google bilder galleri med PHP



Någonsin velat Visa din instructables i ett elegant sätt i ett galleri, (t.ex. bilder från flera steg i mini gallerier) fördriva tiden lastande allt innehåll från din feed så att du inte behöver uppdatera den? Detta skript hjälper dig att ladda din instructables dynamiskt i ett rutnät med hjälp av RSS/XML och visa dem, inklusive några av sina bilder i en mini Galleri, modellerad efter google bild söka. Hur är detta annorlunda från andra liknande program? Detta ändrade en grid plugin och läser in en beskrivning som miniatyrer av projektet (i en mini galleri) på mouseover på miniatyren.

Denna plugin använder PHP och Javascript för att ändra elastic_grid på

http://demo.phapsu.com/jQuery.elastic_grid/index.p...

Jag skrev inte elastic_grid!. Denna version är en version av en annan elastisk rutnät utan mini Galleri du kanske har sett någon annanstans.

den modifierade full script som jag har lagt för att inkludera din instructables finns på:

https://GIST.GitHub.com/tealdeal/b125d90507db888a9...

din server behöver för att kunna köra PHP och javascript för att använda detta som är.

Nedan jag kommer att gå igenom med och installera den.

Se Steg
Relaterade Ämnen

Länka Paypal donera funktion direkt från din Instructable

så det första jag skapade en Instructable visar hur du länkar din Instructable till en Paypal-knapp med några steg. Efter lite mer utredning och knorra jag har identifierat hur man gör det direkt från en länk i din Instructable.Steg 1: Installera dit...

Gratis och enkelt sätt att redigera bilder för din Instructables med Pixlr Express

jag vet inte om dig, men ibland jag gillar att lägga till lite extra i min instructables. Jag gillar att göra detta genom att skapa ett slags collage av steg för steg bilder för att göra det lite mer organiserat och lättare att läsa.Min bästa sättet...

Hur man skapar GOURGEOUS canvas med Google bild söka

måste vi alla erkänna att Google gör ett imponerande arbete att utforma och ta fram nya sätt att leva på webben.Gmail fungerar bra, översättaren blir en verklig AI (okej... ofta en dum AI...), kartor är underbart med nya 3D ram byggnader, bara för at...

Tjäna pengar med din Instructables

Att skapa Instructables är roligt och har potential att lägga några pengar i fickan för framtida projekt. Dessa idéer är alldeles utmärkt och kan tillämpas på de flesta av dina projekt i en eller annan form.Detta är ett sätt att skapa en automatisera...

Skicka en kopia av dina bilder och videor i din Android-telefon till Raspberry Pi med Bluetooth

IntroduktionDetta instructable byggd på en tidigare instructable "vända Raspberry Pi i en Bluetooth-enhet som jag skapat.Foton och videoklipp på min Android telefon säkerhetskopieras automatiskt till Google + Foto moln. Men vill jag spara en kopia i...

Hur du använder din ansikte bok bild som din instructables bild

detta instructable kommer att lära dig hur man gör vad titeln säger lättSteg 1: 1. gå till google bilder och skriv in ditt namn vanligtvis din Facebook bild visar upp om inte inte läsa vidareSteg 2: nästa Högerklicka på bilden och klicka på Kopiera b...

Jag gjorde den med din Instructables!

Bestämde jag mig för det kan vara kul att ha en instructable tillägnad de objekt jag har gjort med de jag följer, favorit och patch på instructables! Jag kommer fortsätta uppdatera detta som jag post och jag kommer göra mitt bästa att komma ihåg att...

Hur man kan förbättra din Instructables med HTML-

Instructables är ett häftigt sätt att dela dina kunskaper och lära av andra. Ibland, mycket text i en Instructablecan vara hotfull, eller en Instructable bara ser inte mycket intressant. För att lösa detta, kan du använda HTML och CSS.HTML är användb...

Hur du ladda din mp3 spelare med Lego mindstroms NXT

jag har sett många saker (inte bara Instructables) på generera ström med gamla Mindstorms lego set. Men har man inga nya. Eftersom jag inte kunde hitta instruktioner om hur att ta ut en mp3-spelare med den nya uppsättningen, iväg jag för att göra det...

Hur att ladda din telefon i 5 minuter med Supercapacitor under 12$!!!

Vet ni? Växelströmsuttag har tillräckligt med ström för att ladda din mobiltelefon på bara 5 minuter eller ännu mindre än så, men batterierna inuti telefonen har inte förmåga att acceptera all den makt som du ger till detVäl supercapacitor gör bara a...

Hur man gör en bild karta med hjälp av GIMP

detta är en snabb tutorial om hur man gör en bild mappas med hjälp av GIMP. GIMP är ett gratis bildredigeringsprogram som ser ut och känns som många av de högre slut program tillgängliga kommersiellt. Jag skulle uppskatta inlärningskurvan för att var...

Guide för att infoga en YouTube Video på Google bilder

detta Instructable visar 5 enkla steg för elever att följa för att infoga en YouTube-Video på en Google bilder för skolans teknikprojekt.För att skapa en Google-bildpresentation och infoga video behöver du:En elektronisk anordningEtt Google Drive kon...

SATT Pro Tips #1: Google bild söka

Någonsin stött på en bild online och undrar var den kom ifrån? Imponera på dina vänner med din Google-y förmåga och lära sig att göra en Google Bildsökning idag!Steg 1:Gå till Google. Välj "Bilder" från det övre högra hörnetSteg 2:Klicka på bild...

Hur du ladda din Ipod, kamera, mobiltelefon eller handdator spel konsolen på det gå

inte du bara hatar när du tar bilder med kameran då batteriet dör bara på dig och det inte finns någonstans att ladda din kamera! Jo jag har kommit fram till en lösning! Det är för att bygga en bärbar USB Power Supply och jag kommer att visa dig hur...

Bädda in en Fusion 360 (3D) modell i din Instructable

Här är en cool nya sätt att förbättra din Instructables med detaljerade interaktiv 3D modeller skapats med Autodesk Fusion 360. Jag tar dig steg för steg genom processen att publicera din Fusion 360 modell på Fusion 360 Galleri och bädda in det i din...

Hur man väljer en titel och sökord för din instructable

Att välja rätt titel och sökord kan vara skillnaden mellan en instructable kommer på första sidan i Googles sökresultat eller krascha och bränna in fruktade nr-visningar i internets.Nyckelord och titel inte är det enda som kommer att avgöra popularit...

Ladda upp skiss till Arduino Pro Mini med usbASP

I handledningen tvåspråkig (engelska, indonesiska, indonesiska versionen under avgränsningslinjen med kursiv stil), vi lär dig hur man laddar upp skiss ("skiss" är termen för programkod skriven för Arduino) till Arduino Pro Mini enhet med populä...

Ladda din Kobo Vox någonstans det finns + 2A USB Power

I detta instruera-kan jag kommer att visa dig hur att ladda din KOBO vox någonstans kan du få 2A i USB-ström.Om du äger en Kobo Vox, vet du det kommer med endast en AC laddare med en 2 ft nätsladd, kobo säljer inte ersättare, inte heller säljer de bi...

Gör en Gameboy Advance SP USB laddare kabel: ladda din GBA från en PC eller mobiltelefon laddare

varför göra detta, du frågar?Tja, med denna USB-kabel behöver du inte längre bära en separat laddare för din Gameboy Advance SP.Du kan ladda din GBA genom att ansluta till USB-porten på din laptop/dator, eller genom att ansluta till USB-porten på en...