logo που εναλλάσετε

WordPress Themes

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

Απάντηση
xrisvol

logo που εναλλάσετε

Δημοσίευση από xrisvol » 23 Οκτ 2014 18:06

καλησπέρα φίλοι,
δείτε τις σελίδες, του Δήμου Αλεξανδρούπολης εδώ http://www.alexpolis.gr/default.asp και την σελίδα του Δήμου Κέρκυρας εδώ http://www.corfu.gr

Αυτό που θέλω να φτιάξω είναι ένα λογότυπο, banner (δεν ξέρω πως το λένε ακριβώς) όπως το δικό τους, να εναλλάσονται οι εικόνες μεταξύ τους.

Πως μπορώ να το φτιάξω αυτό;

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

logo που εναλλάσετε

Δημοσίευση από korgr » 23 Οκτ 2014 19:26

Γεια σου Χρήστο
Της Κέρκυρας είναι αυτό:
http://slayeroffice.com/code/imageCrossFade/xfade2.html

xrisvol

logo που εναλλάσετε

Δημοσίευση από xrisvol » 23 Οκτ 2014 20:44

Πολύ δύσκολο. Δεν τα παίρνω εύκολα τα γράμματα.
Έψαξα να βρω κάτι σε plugin αλλά και πάλι δεν μπορώ να καταλάβω πως γίνεται. Μάλλον για στατική εικόνα το βλέπω να φτιάχνω ή κανένα απλό gif

Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 411
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

logo που εναλλάσετε

Δημοσίευση από apsuh0s » 23 Οκτ 2014 21:18

Βρες ένα image slider. Για παράδειγμα τον bxSlider

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>title</title>
<link rel="stylesheet" type="text/css" href="css/bxslider.css">
<style type="text/css">
* &#123;
    margin&#58; 0;
    padding&#58; 0;
&#125;
.container &#123;
    width&#58; 960px;
    margin&#58; 0 auto;
&#125;
.main-header &#123;
    position&#58; relative;
&#125;
h1 &#123;
    position&#58; absolute;
    z-index&#58; 9999;
    background&#58; white;
    top&#58; 10px;
    left&#58; 10px;
&#125;
h1 a &#123;
    display&#58; block;
    padding&#58; 10px;
&#125;
</style>
</head>
<body>
<div class="container">
<header class="main-header">
    <h1><a href="index.html">Logo</a></h1>
    <ul class="bxslider">
        <li><img src="img/1.jpg" alt="" /></li>
        <li><img src="img/2.jpg" alt="" /></li>
        <li><img src="img/3.jpg" alt="" /></li>
    </ul>
</header>
</div>

<script src="js/jquery.js"></script>
<script src="js/jquery.bxslider.js"></script>

<script type="text/javascript">
    $&#40;'.bxslider'&#41;.bxSlider&#40;&#123;
    mode&#58; 'fade',
    controls&#58; false,
    auto&#58; true,
    pager&#58; false
    &#125;&#41;;
</script>

</body>
</html>
.ninja { color: black; visibility: hidden !important; }

xrisvol

logo που εναλλάσετε

Δημοσίευση από xrisvol » 24 Οκτ 2014 12:37

Καλημέρα,
δείτε αυτή τη σελίδα http://html5maker.com/#/

Αυτό υπάρχει σε πρόγραμμα?

Απάντηση

Επιστροφή στο “WordPress Themes”

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

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