Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Szukam skryptu do wizualizacji zdjęć
OsUcH
post
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 13.10.2008

Ostrzeżenie: (0%)
-----

Witam,

poszukuje skryptu takiego jak wykorzystuje onet.pl do wizualizacji starych zdjęć - http://wiadomosci.onet.pl/regionalne/krako...,wiadomosc.html. Wie ktoś może jak to jest zrobione ?

pozdrawiam
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Lapeno
post
Post #2





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 16.02.2013

Ostrzeżenie: (0%)
-----

Witam wszystkich, jestem tu nowy (IMG:style_emoticons/default/rolleyes.gif) Obecnie tworzę sobie stronę (swoją własną) i chcę na niej zrobić galerię. Mam już w sumie stworzoną w pewien sposób jednak chcę ją ulepszyć i tu mam problem. Otóż html i css znam dość dobrze(na tylę, że nigdy nie miałem problemów z tworzeniem czegokolwiek aż do teraz) JS i innych nie bardzo jednak znalazłem ciekawe rozwiązanie galerii - LightBox. Pobrałem ze stronki jak kazali ale nie znam tego języka więc metodą prób i błędów doszedłem do tego aby galeria się wyświetlała i działała poprawnie, jednak w mojej galerii chcę umieścić 6 obrazków. Włączając stronę photo.html widzimy 2 obrazki. Po kliknięciu w 1 z nich otwiera się on w LB i jest ok(z drugim obrazkiem jest tak samo) ale chcę dodać na stronie dwie strzalki. Po kliknięciu w prawą strzałkę chciałbym aby te 2 obrazki zniknęły i pojawiły się 2 następne ale za nic w świecie nie potrafię tego zrobić. Przeszukałem już chyba całe Google aby to rozwiązać;/ Proszę o pomoc.
Oto skrypt HTML:
[HTML] pobierz, plaintext 
  1. <head>
  2. <meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2" />
  3. <title>Lapeno</title>
  4. <style>
  5.  
  6. * {margin: 0px; padding: 0px;}
  7. #menu li {list-style: none; left:490px; top: 106px;}
  8. #menu {height: 30px;}
  9. #menu ul {visibility: hidden; position: absolute; left:100%; }
  10. #menu li {float: left; padding-right: 40px; position: relative;} /* POZYCJA MIEDZY PRZYCISKAMI */
  11. #menu li li {float: none; padding-top: 1px; width: 0px;} /* POZYCJA MIEDZY PRZYCISKAMI - PION */
  12. #menu li:hover ul {visibility: visible;}
  13. #menu a, #menu li:hover li a {display: block; font: 12px/30px verdana, sans-serif; text-decoration: none; padding: 0px 0px;} /* wielkość przycioskow */
  14. #menu li li a {width: 140px;}
  15. #menu li:hover a, 
  16. #menu li:hover 
  17. .menu:hover a{
  18.  background:url('2.png');
  19.  }
  20. body
  21. {
  22.   background-color:#121212;
  23. }
  24. * {margin: 0; padding: 0;}
  25. #fot li {list-style: none; left:820px; top: 743px;}
  26. #fot ul {visibility: hidden; position: absolute; top: 100%; left: 0;}
  27. #fot {height: 30px;}
  28. #fot li {float: left; padding-right: 1px; position: relative;}
  29. #fot li li {float: none; padding-top: 1px; width: 160px;}
  30. #fot li:hover ul {visibility: visible;}
  31. #fot a, #fot li:hover li a {display: block; font: 12px/30px verdana, sans-serif; text-decoration: none; padding: 0 10px; color: #fff;}
  32. #fot li li a {width: 140px;}
  33. #fot li:hover a, #fot li:hover li:hover a 
  34. </style>
  35. <link rel="Stylesheet" style type="text/css" href="style.css">
  36. <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
  37. </head>
  38. <body>
  39. <div>
  40. <link rel="icon" href="favicon.ico" />
  41. <div id="line1"> </div>
  42. <div id="line2"> </div>
  43. <div id="header"> </div>
  44. <div id="area"> </div>
  45. <div id="linearea"> </div>
  46. <div id="navi"> </div>
  47. <div id="logo"> </div>
  48. <div id="sw"> </div>
  49. <div id="footer"> </div>
  50. <div id="fb" style="position:absolute;left:0px;top:px;width:1260px;height:900px;z-index:31;" align="left">
  51. <ul id="menu">
  52.   <li><a href="index.html"><img src="images/h.png" alt="" align="top" border="0" style="position:absolute;left: 0px;top:0px;"></a>
  53.   </li>
  54.   <li><img src="images/p1.png" alt="" align="top" border="0" style="position:absolute;left: 90px;top:0px;">
  55.  
  56.   </li>
  57.   <li><a href="kontakt.html"><img src="images/k.png" alt="" align="top" border="0" style="position:absolute;left: 220px;top:0px;"></a>
  58.  
  59.   </li>
  60. </ul>
  61.  
  62.  
  63.  
  64.  
  65. <div id="fb" style="position:absolute;left:390px;top:785px;width:100px;height:100px;z-index:31;" align="left">
  66.  
  67.   <a href=""><img src="images/fb.gif" alt="" align="top" border="0" style="position:absolute;left: 0px;top:0px;"></a>
  68.  
  69.  
  70.  
  71. </div>
  72. <div class="section" id="example">
  73.  
  74.  <div class="imageRow" id="1" style="position:absolute;left:110px;top:-120px;width:900px;height:300px;z-index:31;" align="left">
  75.  
  76.  
  77.  
  78. 	<div class="single">
  79.   		<a href="images/examples/cyberfrog_large.png" rel="lightbox" title="Cyber Frog"><img src="images/examples/cyberfrog.gif" alt="" /></a>
  80.   	</div>
  81. 	<div class="single">
  82.   		<a href="images/examples/nike_large.png" rel="lightbox" title="Nike Island"><img src="images/examples/nike.gif" alt="" /></a>
  83.   	</div>
  84.  
  85.  
  86. </div>
  87.  
  88. </div>
  89. </div>
  90.  
  91.  <!-- end #content -->
  92.  
  93. <script src="js/jquery-1.7.2.min.js"></script>
  94. <script src="js/jquery-ui-1.8.18.custom.min.js"></script>
  95. <script src="js/jquery.smooth-scroll.min.js"></script>
  96. <script src="js/lightbox.js"></script>
  97.  
  98. <script>
  99.   jQuery(document).ready(function($) {
  100.       $('a').smoothScroll({
  101.         speed: 1000,
  102.         easing: 'easeInOutCubic'
  103.       });
  104.  
  105.       $('.showOlderChanges').on('click', function(e){
  106.         $('.changelog .old').slideDown('slow');
  107.         $(this).fadeOut();
  108.         e.preventDefault();
  109.       })
  110.   });
  111.  
  112.   var _gaq = _gaq || [];
  113.   _gaq.push(['_setAccount', 'UA-2196019-1']);
  114.   _gaq.push(['_trackPageview']);
  115.  
  116.   (function() {
  117.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  118.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  119.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  120.   })();
  121.  
  122. </script>
  123. </body>
  124. </html>
[HTML] pobierz, plaintext

Go to the top of the page
+Quote Post

Posty w temacie
- OsUcH   Szukam skryptu do wizualizacji zdjęć   19.11.2012, 14:24:49
- - Divinity   Rzuć okiem tutaj: http://www.queness.com/resources...   19.11.2012, 17:27:36
- - OsUcH   dokładnie mi właśnie o to chodziło! dzieki ...   20.11.2012, 13:10:54
- - Lapeno   Witam wszystkich, jestem tu nowy Obecnie tworzę...   17.02.2013, 00:04:15

« Następny starszy · HTML \ XHTML · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 31.12.2025 - 14:30
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn