Photo Gallery

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

Photo Gallery

Δημοσίευση από dtravlos » 26 Ιουν 2010 12:36

Καλημέρα και καλό Σαββατοκύριακο! Ψάχνω απεγνωσμένα μια photo gallery με τις ίδιες δυνατότητες όπως η παρακάτω:
http://www.amiracandles.com/magic-photo ... or/2425319
Μπορεί κάποιο να με βοηθήσει για το αν παίζει καμία και που θα την κατεβάσω; Ευχαριστώ πολύ!



dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

Photo Gallery

Δημοσίευση από dtravlos » 27 Ιουν 2010 18:12

Καλησπέρα! Ευχαριστώ πολύ για τη βοήθεια! Ψάχνω μια photo gallery η οποία να έχει το συγκεκριμένο fade effect στα thumbnails και στη μεγάλη εικόνα με το κλικ να ανοίγει με Lightbox.. Επίσης στα thumbnails να υπάρχουν αριστερά και δεξιά βελάκια για να κάνει scroll στις υπόλοιπες εικόνες... Μακάρι να μπορέσω να το βρώ σε κανένα από αυτά τα link!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Photo Gallery

Δημοσίευση από fafos » 27 Ιουν 2010 20:25


dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

Photo Gallery

Δημοσίευση από dtravlos » 27 Ιουν 2010 22:29

Φίλε fafo σ υπερευχαριστώ για το χρόνο σου και τον κόπο σου... αλλά απ' ότι είδα ούτε αυτή το υποστηρίζει αυτό.... μ την ad gallery τα έχω βρεί όλα το μόνο που δεν μπορώ να βρώ είναι πώς θα βάλω τη μεγάλη εικόνα να ανοίγει με Lightbox :(((

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Photo Gallery

Δημοσίευση από fafos » 27 Ιουν 2010 23:23

dtravlos έγραψε:Φίλε fafo σ υπερευχαριστώ για το χρόνο σου και τον κόπο σου... αλλά απ' ότι είδα ούτε αυτή το υποστηρίζει αυτό.... μ την ad gallery τα έχω βρεί όλα το μόνο που δεν μπορώ να βρώ είναι πώς θα βάλω τη μεγάλη εικόνα να ανοίγει με Lightbox :(((
to na vreis kai ta 2 mazi ligo dyskolo.. prepei na "pantrepseis" ta 2 plugins (slideshow kai lightbox) kai einai sxetika eukolo... anti gia link pros thn selida pou dinei to slideshow vazeis to id tou lightbox...

dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

Photo Gallery

Δημοσίευση από dtravlos » 27 Ιουν 2010 23:36

Δε βρήκα σε κάποιο σημείο της ad gallery να μπορώ να το δηλώσω αυτό... ή είμαι τόσο άσχετος από js που δεν την παλέυω... Τι μου προτείνεις να κάνω;

dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

Photo Gallery

Δημοσίευση από dtravlos » 28 Ιουν 2010 00:19

Παραθέτω το αρχείο js της photogallery που έχω βρεί... Την έχω στρώσει όπως μου χρειάστηκε αλλά το μόνο πρόβλημα είναι ότι δεν μπορώ να βάλω το Lightbox για τη μεγάλη εικόνα.. Υπάρχει δυνατότητα να δηλωθεί μέσα απ αυτό το αρχείο js????
Συνημμένα
jquery.ad-gallery.rar
Gallery js
(5.66 KiB) Μεταφορτώθηκε 190 φορές

dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

Photo Gallery

Δημοσίευση από dtravlos » 28 Ιουν 2010 11:56

Καλημέρα και καλή βδομάδα! Έχω βάλει γύρω από το div της κύριας εικόνας κανονικά το link και στο class έβαλα thickbox. Το θέμα είναι τι θα βάλω στο href... Αν υπήρχε στο js αρχείο κάνα function που να τραβάει τη μεγάλη εικόνα δε θα δούλευε με το <a href="javascript: function" class="thickbox"><div></div></a> ???????????
Pleaseee Heeeeeelp
Σας ευχαριστώ!!!!

nbc
Honorary Member
Δημοσιεύσεις: 526
Εγγραφή: 05 Σεπ 2009 20:12
Επικοινωνία:

Photo Gallery

Δημοσίευση από nbc » 28 Ιουν 2010 13:25

Φίλε μου, δεν είναι απλό αυτό που προσπαθείς να κάνεις.

- Αφενός, πας να παντρέψεις δύο plugins με συγκρουόμενα - τρόπον τινά - συμφέροντα.
- Αφετέρου, το thickbox που επέλεξες δεν είναι καλό plugin. Θα έλεγα μάλλον κακό, για δύο λόγους:
α) το css του κάνει global reset, που μπορεί κάλιστα να καταστρέψει το layout σου, και
β) Η λειτουργία του προγραμματίζεται αυτόματα με το που θα το εισάγεις στη σελίδα σου (στο script tag). Δεν πας να προσθέτεις όσα "thickbox" classes θέλεις... Δεν πρόκειται να καταφέρεις τίποτα.

Anyway, αν επιμένεις σε αυτήν τη λύση...

Παίρνω για παράδειγμα το πλήρες κιτ του ad-gallery, αυτό που ονομάζει "The whole kit and kaboodle". Το κατεβάζεις, και το κάνεις extract σε κάποιον folder κάτω από το document root σου, ας πούμε "ad-gallery".

- Ρίχνεις μέσα στο add-gallery, το thickbox.css και το thickbox-compressed.js

- Ρίχνεις μέσα στο add-gallery/images, το loadingAnimation.gif του thickbox. Δεν χρειάζεται, αλλά για να μη σου βγάζει error ο server.

- Ανοίγεις το example.html της ad-gallery

- Μετά τη γραμμή

<script type="text/javascript" src="jquery.ad-gallery.js?rand=995"></script>

προσθέτεις

<script type="text/javascript" src="thickbox-compressed.js"></script>
<link type="text/css" rel="stylesheet" href="thickbox.css" />

- Μετά τη γραμμή

var galleries = $('.ad-gallery').adGallery();

προσθέτεις

galleries[0].settings.callbacks.afterImageVisible = function()
{
var $img = $(this.current_image).find('img');
var txt = $(this.current_image).find('strong').text();

$img.click(function()
{
tb_show(txt,this.src);
this.blur();
return false;
});
};

dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

Photo Gallery

Δημοσίευση από dtravlos » 28 Ιουν 2010 13:29

Σ ευχαριστώ πάρα πολύ για τη βοήθεια! Έχεις κάποιο άλλο να μου προτείνεις να βάλω;;;

nbc
Honorary Member
Δημοσιεύσεις: 526
Εγγραφή: 05 Σεπ 2009 20:12
Επικοινωνία:

Photo Gallery

Δημοσίευση από nbc » 28 Ιουν 2010 13:44

Δηλαδη, τσάμπα δούλεψα? :D

Αφού έχεις τη λύση έτοιμη, βάλτη και άμα κολλήσεις βλέπουμε...

dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

Photo Gallery

Δημοσίευση από dtravlos » 28 Ιουν 2010 21:40

Φίλε nbc η βοήθεια σου ήταν πολύτιμη!!! Όλα δούλεψαν άψογα και τίποτα δε σπάει! Σε υπερευχαριστώ!!!!
Καλό βράδυ!!

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης