Τι είναι
Το jObgbanner είναι ένα jQuery plugin που αναλαμβάνει να δημιουργήσει τα γνωστά background banners δεξιά και αριστερά από το main content του site.
Τα banners αυτά είναι ορατά μόνο σε αναλύσεις μεγαλύτερες από το πλάτος του main content και φυσικά αν το επιθυμούμε μπορούν να διασυνδέονται με συγκεκριμένες διευθύνσεις ως links.
Demo
Δείτε εδώ ένα demo του jObgbanner plugin
Οδηγίες χρήσης
Αφού το συμπεριλάβουμε στη σελίδα μας με
<script type='text/javascript' src='jObgbanner.js'></script>
το εφαρμόζουμε στο container της σελίδας μας με
$('#container').jObgbanner({
"image": "path/image.jpg", // the banner image
});
"image": "path/image.jpg", // the banner image
});
Η παράμετρος "image" είναι η μόνη υποχρεωτική και αντιπροσωπεύει την εικόνα που θέλουμε να εμφανιστεί ως banner δεξιά και αριστερά από το main content μας.
Παράμετροι
To plugin δέχεται τις ακόλουθες παραμέτρους:
- image
Η εικόνα του banner - link
Η διεύθυνση στην οποία θα μεταβούμε με κλικ στο banner - position (αρχική τιμή "top")
Η απόσταση από το άνω μέρος στην οποία θα εμφανιστεί το banner.
Ως τιμή μπορούμε να δώσουμε "top", "center", "bottom" ή να ορίσουμε μια τιμή σε pixels πχ "200px"
Παράδειγμα σύνταξης παραμέτρων
$('#container').jObgbanner({
"image": "path/image.jpg", // the banner image
"link" : "http://www.domain.com/", // the link
"position": "200px" // banner's position from top (default = "top")
});
"image": "path/image.jpg", // the banner image
"link" : "http://www.domain.com/", // the link
"position": "200px" // banner's position from top (default = "top")
});
