Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Galeria na stronie jak nowy wpis na blogu
#1
Witam,chciałbym na stronie stworzyć galerie która wyglądała by jak nowy wpis na blogu tzn posiadała by nagłówek z tytułem serii oraz kilka zdjęć bez tekstu,kliknięcie jednego ze zdjęć otwierało by pełny podgląd,oraz kliknięcie nagłówka serii otwierało by pierwsze zdjęcie w serii w podglądzie pełnoekranowym,wyglądało by to mniej więcej tak:

Przykład

Jakiej technologii do tego wykorzystać? Gdyby istniał już do tego jakiś darmowy skrypt,to czy mógłbym prosić o jakieś namiary?
Próbowałem użyć CMS Zenphoto,ale on ustawia zdjęcia jako jeden wpis,którego można powiększać jak na obrazku bez tych czerwonych kresek (mogę się mylić),czy lepiej wziąć pod uwagę WordPress'a? Za wszelkie wskazówki będę wdzięczny.
Odpowiedz
#2
Taka strona bedzie pozniej powaznym wyzwaniem dla pozycjonera. Oprocz tego bedziesz potrzebowal duzej pojemnosci serwera. Alternatywa byloby zintegrowanie z systemami PageGlimpse czy ShrinkTheWeb z API pozwalającym wysłanie żądania wygenerowania miniaturki zdjecia znajdujacego sie na innych serwerach gdy brak ich w swojej bazie. Oczywiste jest ze oprocz miniaturek musilabys tez umiescic jakies opisy. Powiekszanie zdjecia na stronie glownej nie ma zadnego sensu. Miniaturka z wejsciem w podstrone. W ten sposob internauta odwiedzi Twoje podstrony co wplywa pozytywnie dla serwisu a strona glowna bedzie mial wieksze powodzenie zeby ktos ja znalazl w wyszukiwarce.
Odpowiedz
#3
wordpress + advance input fields + colorbox ;]
Odpowiedz
#4
Advance input fields i colorbox -mowa tutaj o pluginach do wordpressa?Smile
Odpowiedz
#5
advance inputs fields - to plugin dzieki któremu zrobisz z wordpressa prawie dowolonu cms ;]
colorbox - najlepszy lightbox pod jquery
Odpowiedz
#6
Nie znam PHP wiec z advance inputs fields nie zaszaleje,innej opcji aby zrobic to inaczej niz wykorzystujac wordpress'a nie ma? Podam moze kod tej strony

Kod:
<!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">
    <title>Photography</title>
    
    <meta http-equiv="description" content="">
    <meta name="reply-to" content="">
        <link rel="stylesheet" href="./Photography_files/light.css" type="text/css">
    

<!-- Begin content inserted by Ad Muncher -->
<!-- Retrieved from 195.211.72.38:80 -->


<!-- End content inserted by Ad Muncher -->

</head>
<body>
<div class="page-container">

<table class="content-container" cellspacing="0" cellpadding="0" border="0">
    <tbody><tr>
        <td class="top-left">&nbsp;</td>
        <td class="top-fill">&nbsp;</td>
        <td class="top-right">&nbsp;</td>
    </tr>
    <tr>
        <td class="left-fill"><img src="./Photography_files/border-left-fill.png"></td>
        <td class="content">
        
            <div id="main">
            
                            
                <div id="gallerytitle">
                    <div class="image">
                        <div class="imagethumb"><img src="./Photography_files/header.jpg" alt=""></div>
                    </div>
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="clear: both;">
                        <tbody><tr>
                            <td align="left"><a href=""><img src="./Photography_files/contact.jpg" alt="" border="0"></a></td>
                            <td align="right">&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="2" height="8">&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="2" height="8" background="./Photography_files/seperator.gif" style="height: 8px; background-image:url(/themes/bornv3/images/seperator.gif); background-repeat: repeat-x;"></td>
                        </tr>
                        <tr>
                            <td colspan="2" height="8">&nbsp;</td>
                        </tr>
                    </tbody></table>
                </div>

                <div id="padbox">
                                    
                                        <div class="album">
                                                                        
                                            </div>
                                        <div class="album">
                                                                        
                                            </div>
                                        <div class="album">
                                                                        <div class="image">
                            
                                                                        
                                            </div>
                                        
                                </div>
                <div style="margin: 20px">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="clear: both;">
                        <tbody><tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td align="right"><span class="copyright"> © 2012</span></td>
                        </tr>
                    </tbody></table>
                </div>
                
                        
            </div>
            
        </td>
        <td class="right-fill"><img src="./Photography_files/border-right-fill.png"></td>
    </tr>
    <tr>
        <td class="bottom-left">&nbsp;</td>
        <td class="bottom-fill">&nbsp;</td>
        <td class="bottom-right">&nbsp;</td>
    </tr>
</tbody></table>

</div>

</body>
</html>
Odpowiedz


Podobne wątki
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak zrobic Formularz Kontaktowy na stronie ? Kodarth 190 171,082 03-03-2019, 20:01
Ostatni post: lila87
  Weryfikacja zdjęć na stronie widzaceoko 0 831 19-02-2018, 02:26
Ostatni post: widzaceoko
  Obraz z kamery IP na stronie Maciek975 3 2,036 05-10-2017, 16:25
Ostatni post: Narind
  Strona w stronie ale z inną wartością w adresie ppawlo 0 937 30-04-2017, 19:36
Ostatni post: ppawlo
  Problem z lubie to na stronie ciapus4 3 2,331 28-03-2017, 11:55
Ostatni post: sskijop

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele