jquery indise a DIV

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

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

Απάντηση
pagou
Δημοσιεύσεις: 273
Εγγραφή: 07 Μάιος 2007 10:07

jquery indise a DIV

Δημοσίευση από pagou » 07 Ιούλ 2010 12:24

καλημερα

προσπαθω να μαθω jquery για να κανω τις σελ. λιγο πιο ενδιαφερουσες. το κακο ομως ειναι αυτο ακριβως: οτι τωρα μαθαινω. Οποτε απο αποριες παω καλα. ιδου μια

βρηκα ενα απλο παραδειγμα να ακολουθησω:
http://leandrovieira.com/projects/jquery/lightbox/

αυτο που δενεχω καταλαβει ειναι πως οριζω το πιο αντικειμενο θα κανει αυτο που διαταζουμε να κανει.
-Απο εχω καταλαβει οταν "πατηθει η σκανδαλη" πρεπει να ξερει τι θα κινησει. αυτο το κανουμε βαζωντας class. οταν εχω μια εικονα ομως μεσα σε DIV τοτε που βαζω class;

Π.χ.
<div id="apDiv21">class="lightbox"><img src="images/ADVS/ADV-1.jpg" width="900" height="560" alt="thanasis" /></div>

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

jquery indise a DIV

Δημοσίευση από alou » 07 Ιούλ 2010 15:46

Έχεις ένα > παραπάνω, δηλαδή
<div id="apDiv21" class="lightbox"><img src="images/ADVS/ADV-1.jpg" width="900" height="560" alt="thanasis" /></div>

Δεν είδα το tutorial που λες αλλά πιο πιθανό μου φαίνεται να είναι κάπως έτσι

<a href="i megali eikona sou" rel="lightbox"><img src="i mikri eikona sou"></a>

pagou
Δημοσιεύσεις: 273
Εγγραφή: 07 Μάιος 2007 10:07

jquery indise a DIV

Δημοσίευση από pagou » 07 Ιούλ 2010 15:49

εχεις δικιο ακριβως ετσι ειναι στο tutorial. εγω ομως εχω την εικονα μου μεσα σε div . σε αυτη την περιπτωση πως γραφω την εντολη;

( δεν εχω μικρη εικονα γιατι θελω να τρεχει απο την μεγαλη, οποτε ως μικρη θεωρω: <img src="images/ADVS/ADV-1.jpg

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

jquery indise a DIV

Δημοσίευση από alou » 07 Ιούλ 2010 15:54

Φαντάζομαι θες κάτι τέτοιο

<div id="apDiv21"><a href="i eikona sou" rel="lightbox"><img src="i eikona sou" width="oso mikro 8es" height="oso mikro 8es analogika"></a></div>

Νομίζω...

pagou
Δημοσιεύσεις: 273
Εγγραφή: 07 Μάιος 2007 10:07

jquery indise a DIV

Δημοσίευση από pagou » 07 Ιούλ 2010 16:08

ευχαριστω, θα κανω μερικα πειραματα πανω του, καποτε θα το καταλαβω δεν μπορει

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

jquery indise a DIV

Δημοσίευση από dimsis » 07 Ιούλ 2010 16:29

Το συγκεκριμένο δεν απαιτεί να βάλεις κάποιο ειδικό id ή class ή rel attribute. Βρίσκει τα a και τα img στο selector που θα του πεις.

Για παράδειγμα σε αυτό που είχες:

Κώδικας: Επιλογή όλων

<div id="apDiv21"><img src="images/ADVS/ADV-1.jpg" width="900" height="560" alt="thanasis" /></div>
βάλε πριν το </head>

Κώδικας: Επιλογή όλων

<script type="text/javascript">
$&#40;function&#40;&#41; &#123;
	$&#40;'#apDiv21 a'&#41;.lightBox&#40;&#41;;
&#125;&#41;;
</script>
και δοκίμασε το.
Εννοείται πως πριν από αυτά στο header πρέπει να βάλεις να φορτώνει και τα jquery και lightbox scripts.
π.χ.

Κώδικας: Επιλογή όλων

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.lightbox-0.4.js"></script>

pagou
Δημοσιεύσεις: 273
Εγγραφή: 07 Μάιος 2007 10:07

jquery indise a DIV

Δημοσίευση από pagou » 07 Ιούλ 2010 16:59

εκανα το παρακατω, αλλα δεν δουλευει. μηπως καταλαβαινετε που ειναι το λαθος;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>

<script type="text/javascript">
$(function() {
$('#apDiv21 a').lightBox();
});
</script>

<title>Untitled Document</title>
<style type="text/css">
<!--
#apDiv21 {
position:absolute;
left:111px;
top:84px;
width:404px;
height:173px;
z-index:1;
}
-->
</style>
</head>

<body>
<div id="apDiv21"><img src="images/ADVS/ADV-1.jpg" width="900" height="560" alt="σδ" /></div>
</body>
</html>

Άβαταρ μέλους
burnmind
Script Master
Δημοσιεύσεις: 954
Εγγραφή: 26 Σεπ 2009 02:14
Τοποθεσία: UK
Επικοινωνία:

jquery indise a DIV

Δημοσίευση από burnmind » 07 Ιούλ 2010 17:17

Αν το

Κώδικας: Επιλογή όλων

$&#40;'#apDiv21 a'&#41;.lightBox&#40;&#41;; 
το κάνεις

Κώδικας: Επιλογή όλων

$&#40;'#apDiv21'&#41;.lightBox&#40;&#41;; 
δηλαδή αφαιρέσεις το a, ή αν προσθέσεις ένα anchor tag γύρω από το image σου, λογικά θα δουλέψει..

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

jquery indise a DIV

Δημοσίευση από dimsis » 07 Ιούλ 2010 17:26

Ξεχνάς το
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

Κώδικας: Επιλογή όλων

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http&#58;//www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load&#40;"jquery", "1.4.2"&#41;; 
  //google.load&#40;"jqueryui", "1.7.2"&#41;;
</script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
$&#40;function&#40;&#41; &#123;
$&#40;'#apDiv21 a'&#41;.lightBox&#40;&#41;;
&#125;&#41;;
</script>
<title>Untitled Document</title>
</head>
<body>
<div id="apDiv21"><a href="http&#58;//www.freestuff.gr/images/header/fs_logo_b.jpg"><img src="http&#58;//www.freestuff.gr/images/header/fs_logo_b.jpg" alt="freestuff" /></a></div>
</body>
</html>

pagou
Δημοσιεύσεις: 273
Εγγραφή: 07 Μάιος 2007 10:07

jquery indise a DIV

Δημοσίευση από pagou » 07 Ιούλ 2010 18:04

ομορφα, σας ευχαριστω πολυ. το ταλαιπορω βαζω αλλες βιβλιοθηκες ολο και κατι βγαινει.

παντως εαν καταλαβα καλα:
οταν εχω εικανα μεσα σε div προσθετω ( εαν χρειαζεται):

<div id="apDiv21"><a href="

Απάντηση

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

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

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