Strona główna.... O mnie.... Co nowego.... Moje fotografowanie.... Galeria.... Oferta.... Polecam.... Kontakt....Dla zalogowanych
 

Witam serdecznie na mojej stronie.

Założyłam ją przede wszystkim po to, żeby podzielić się z szerszym gronem ludzi moim zamiłowaniem do fotografii, która zafascynowała mnie totalnie na przełomie 2006 i 2007 roku.

Od tego czasu ciągle staram się udoskonalać swój warsztat. Mam w swoich zbiorach (które ciągle się rozrastają) trochę zdjęć, które chciałabym tu pokazać.

W tym miejscu nie mogłabym nie wspomnieć, iż bez pomocy Pawła, ta strona pewnie by niepowstała, z tego miejsca więc chcę podziękować;

Paweł dzięki za cenne wskazówki ;)

Tak więc zapraszam do obejrzenia mojej skromnej galerii. Wszelkie uwagi i sugestie mile widziane, proszę kierować na meila korzystając z zakładki kontakt.

     
<!DOCTYPE html>
<html>
<head>
    <title>Demo 1 - Menucool Image Slider</title>
    <link href="themes/1/js-image-slider.css" rel="stylesheet" type="text/css" />
    <script src="themes/1/js-image-slider.js" type="text/javascript"></script>
    <link href="generic.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="div1"><h2>Demo 1 - Menucool Image Slider</h2>
        <p>Demos: <a href="demo1.html" class="current">1</a><a href="demo2.html">2</a><a href="demo3.html">3</a><a href="demo4.html">4</a>
        <a href="demo5.html">5</a><a href="demo6.html">6</a><a href="demo7.html">7</a><a href="demo8.html">8</a></p>
    </div>
    <div id="sliderFrame">
        <div id="slider">
            <a href="http://www.menucool.com/javascript-image-slider" target="_blank">
                <img src="images/image-slider-1.jpg" alt="Welcome to Menucool.com" />
            </a>
            <img src="images/o1.jpg" alt="" />
            <img src="images/o2.jpg" alt="Pure Javascript. No jQuery. No flash." />
            <img src="images/01.jpg" alt="#htmlcaption" />
            <img src="images/o3.jpg" />
        </div>
        <div id="htmlcaption" style="display: none;">
            <em>HTML</em> caption. Link to <a href="http://www.google.com/">Google</a>.
        </div>
    </div>

    <div class="div2">
        <ul>
            <li><b>Copy & Paste</b>: Copy source code and paste it into your own page. All source codes/files are within the <i>demo1.html</i> and the "<i>\themes\1\</i>" folder</li>
            <li><b>Transitional effects</b>: You can choose from 17 transitional effects via the <i>sliderOptions</i> in the <em>js-image-slider.js</em>. 
            Visit <a href="http://www.menucool.com/slider/javascript-image-slider-demo1" target="_blank">Image Slider Demo 1</a> to see how each effect looks and how to customize</li>
            <li><b>Navigation Bullets</b>: Navigation bullets are created automatically by the script of the image slider.
            <p>The CSS class selector <span class="green">.navBulletsWrapper</span> can be used to change the nav bullets' positon and style.</p>
            <p>If you don't need the Navigation Bullets, just hide them via CSS:<br /><span class="green cn">div.navBulletsWrapper  {display:none;}</span></p>
            </li>
            <li><b>HTML Caption</b>: Captions are set through each slide image's <span class="cn">alt</span> attribute. If the caption contains HTML content, 
            you can put the content inside a DIV or SPAN element(usually styled as <span class="cn">display:none</span>), give the element an ID,
            and set the <span class="cn">alt</span> as "#(the content container's id)". For example: <span class="cn">alt="#caption4"</span></li>
            <li>The image slider shown in this demo is for free.</li>
            <li>For detailed instructions, please visit online <a href="http://www.menucool.com/slider/javascript-image-slider-demo1">Demo 1</a> and 
            <a href="http://www.menucool.com/javascript-image-slider" target="_blank">JavaScript Image Slider</a></li>
        </ul>
    </div>
</body>
</html>
 
Licznik odwiedzin