Κάντε Responsify Τις Εικόνες Σας Αυτόματα Με Το Responsive Img (jQuery + PHP)

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)
FavoriteLoadingΠροσθήκη στα Αγαπημένα μου
21/11/2012 από
Zeoz

Χρειαζόμαστε διαφορετικά μεγέθη μιας εικόνας για να ανταποκρίνεται στις διατάξεις και να ταιριάζει απόλυτα, ώστε οι επισκέπτες να μην χρειάζεται να κατεβάσουν το πλήρες μέγεθος της εικόνας όταν τις βλέπουν σε μικρότερες οθόνες.

Ωστόσο, μπορεί να είναι αρκετά χρονοβόρο να δημιουργήσετε εικόνες με διαφορετικά μεγέθη.

Το Responsive Img είναι μια λύση, η οποία συνδυάζει ένα jQuery plugin με έναν PHP image pre-processor.

Το plugin επιτρέπει στην σελίδα να αλλάξει τις ιδιότητες src των εικόνων παράλληλα με το πλάτος του δοχείου ενώ το αρχείο PHP αυτόματα δημιουργεί τις νέες σε διαφορετικό μέγεθος.

Οι εικόνες δημιουργούνται μόνο όταν ζητηθεί για πρώτη φορά και αυτή η διαδικασία δεν θα επαναληφθεί στις μελλοντικές αιτήσεις ώστε να έχουμε καλύτερες επιδόσεις.

Επίσης είναι δυνατόν να καθοριστούν οι διαστάσεις και τα όρια ευαισθησίας σε μια εικόνα για κάθε breakpoint.

Requirements: jQuery and PHP
Website: http://responsiveimg.com/
Download: https://github.com/drewbrolik/Responsive-Img








Hide ↑

Xtnd.it Group | e-xtend your possibilities

Ripple Effects με SVG και Javascript ~ Material Design 

18 September 2015

Ενα σε βάθος tutorial για το πώς να οικοδομήσουμε  ripple effect  που περιγράφονται με βάση των προδιαγραφών σχεδιασμού της Google και να τις συνδυάσουμε[…]

Read more...

5η Έκθεση για τις Υπηρεσίες Internet Web World Expo 2015

18 September 2015

 24-25 Οκτωβρίου – Ζάππειο Μέγαρο|  

Η WebWorldExpo[…]

Read more...

WordPress Greek Community 3rd meetup

21 April 2015

Τρίτη 28/04/2015, 18:00
THE HUB EVENTS, Αλκμήνης 5, Κ. Πετράλωνα

Η ελληνική κοινότητα του WordPress είναι εδώ! Αρκετό καιρό μετά το προηγούμενο meetup[…]

Read more...






Σχόλια

Δεν υπάρχουν σχόλια ακόμα.

Αφήστε ένα σχόλιο

 






RSS για τα σχόλια σε αυτό το άρθρο.  |  TrackBack URL



 
 
 

Eταιρείες παροχής υπηρεσιών διαδικτύου




 

Το Όραμά Μας

3d2 3d2

Η νέα εποχή ξεκινάει…

Είστε έτοιμοι;

Παρά τις όποιες δυσκολίες συναντήσαμε, τελικά μετά από 1 χρόνο περίπου, καταφέραμε να συγκεντρώσουμε τις δυνάμεις μας και να βάλουμε τις σκέψεις μας στο σωστό μονοπάτι.

Ξεκινάμε μια νέα εποχή για τα Ελληνικά δεδομένα. Κοιτάμε μπροστά και οραματίζομαστε το μέλλον με αισιοδοξία σε μία πολύ δύσκολη εποχή!

Αν είστε digital artist (web designer. web developer, programmer, 3d animator, graphic designer κτλ)  δώστε λίγα λεπτά από τον χρόνο σας να διαβάσετε το παρακάτω άρθρο. Σίγουρα σας ενδιαφέρει

 
web design forum

  • Προσεγγίστε νέους αναγνώστες και φίλους
  • Αποκτήστε το δικαίωμα να προωθήστε την σελίδα σας μέσω διαφημιστικών banner στο web design forum
  • Αποκτήστε συνδέσμους και backlinks δωρεάν
  • Αυτόματη προωθηση του άρθρου σας, σε διάφορες ιστοσελίδες κοινωνικής δικτύωσης.