Git Product home page Git Product logo

Comments (13)

yairEO avatar yairEO commented on August 22, 2024

Hey.
first, main.js is not a part of the plugin at all...
second, you are using an old copy of the plugin, please download version
1.5 from here https://github.com/yairEO/photobox
and try again. please do not use* main.js or the *styles.css, they are
not part of the plugin and will only cause confusion.

On Tue, Jan 29, 2013 at 8:47 AM, vladimirperovic
[email protected]:

Thanks for sharing this great gallery!!
I have a problem to start it. i tried with demo page and also last night i
saw that you updated a script but with no luck.

these are links: http://vladimirperovic.com/rafting/photobox/index2.html
and http://vladimirperovic.com/rafting/photobox/index6.html (with local
jquery)
also i changed hyperlinks from ../gallery to full with http://www....

are thumbnails have to be same height/width?

it only show semi rotated images and after click blurring appeared and X
mark on upper right corner. and that's all

every kind of help appreciated


Reply to this email directly or view it on GitHubhttps://github.com//issues/11.

from photobox.

vladimirperovic avatar vladimirperovic commented on August 22, 2024

Hi, thanks for very quick reply!!! I updated to 1.5 but same problem. first i am not using main.js

this is my code:

<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->

<meta charset="utf-8">

<title>Photobox - CSS3 image gallery modal viewer</title>

<meta name="description" content="A lightweight CSS3 image gallery that is pretty to look and and easy to use">

<meta name="viewport" content="width=device-width">

<link rel="stylesheet" href="photobox/photobox.css">

<!--[if lt IE 9]><link rel="stylesheet" href="photobox/photobox.ie.css"><![endif]-->

<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script src='photobox/photobox.js'></script>
<div id='wrap'>


    <div id='gallery'>

    <a href="../galerija/durmitor/03.jpg"><img src="../galerija/durmitor/small/03.jpg" alt="durmitor2"></a>
    <a href="../galerija/durmitor/04.jpg"><img src="../galerija/durmitor/small/04.jpg" alt="durmitor3"></a>
    <a href="../galerija/durmitor/05.jpg"><img src="../galerija/durmitor/small/05.jpg" alt="durmitor4"></a>
    <a href="../galerija/durmitor/06.jpg"><img src="../galerija/durmitor/small/06.jpg" alt="durmitor8"></a>
    <a href="../galerija/durmitor/07.jpg"><img src="../galerija/durmitor/small/07.jpg" alt="durmitor9"></a>
    <a href="../galerija/durmitor/08.jpg"><img src="../galerija/durmitor/small/08.jpg" alt="durmitor78"></a>
    <a href="../galerija/durmitor/09.jpg"><img src="../galerija/durmitor/small/09.jpg" alt="durmitor98"></a>

    </div>

</div>
<script> // applying photobox on a `gallery` element which has lots of thumbnails links. Passing options object as well: $('#gallery').photobox('a',{ time:0 }); </script>

thanks again

from photobox.

yairEO avatar yairEO commented on August 22, 2024

your demo now works fine..whats the problem?

from photobox.

yairEO avatar yairEO commented on August 22, 2024

sorry I don't understand, what does not work and where?

On Tue, Jan 29, 2013 at 10:09 PM, Svargas [email protected] wrote:

Hi! amazing job, but.. I have problem!!!! and I need your help. Downloaded
last version 1.5 and my current localhost not work photobox. I have the
same problem vladimirperovic. I tested this server with an image (
http://tiwa.com.br/novo/ ).

also how they are put on this page (
http://dropthebit.com/500/photobox-css3-image-gallery-jquery-plugin/) and
still does not work. Thanks.


Reply to this email directly or view it on GitHubhttps://github.com//issues/11#issuecomment-12872017.

from photobox.

vladimirperovic avatar vladimirperovic commented on August 22, 2024

Thanks. now it is really work. I think that the problem was that durmitor2
has to be in one line without spaces.. the whole small large and tag because i tried everything else/. thanks again

from photobox.

mordeng avatar mordeng commented on August 22, 2024

i got a similar problem...pictures are loaded but no effects on it
+huge differences with browsers(in chrome no pictures but fad in)
firefox(no fade in but pictures(without effects))

http://avalanche.co.at/bilder/

from photobox.

yairEO avatar yairEO commented on August 22, 2024

why do you use this?
<link href="styles.css" rel="stylesheet">

it's just some code for my demo page, it has nothing to do with the plugin...

from photobox.

mordeng avatar mordeng commented on August 22, 2024

:O it's working now
thx :D

edit: beside the effects outside(preview)...

from photobox.

darshan1611 avatar darshan1611 commented on August 22, 2024

Hi,

I also have the problem in the gallery. When i click on the small image in the gallery, its not opening the large image in the same page as in your demo. I am using below code:

<title>Photobox - CSS3 image gallery modal viewer</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src='photobox/photobox.js'></script>
    <div id='gallery'>
    <a href="galerija/durmitor/03.jpg"><img src="galerija/durmitor/small/03.jpg" alt="durmitor2"></a>
    <a href="galerija/durmitor/04.jpg"><img src="galerija/durmitor/small/04.jpg" alt="durmitor3"></a>

    </div>
</div>
<script> // applying photobox on a `gallery` element which has lots of thumbnails links. Passing options object as well: $('#gallery').photobox('a',{ time:0 }); </script>

from photobox.

darshan1611 avatar darshan1611 commented on August 22, 2024
<meta charset="utf-8">
<title>Photobox - CSS3 image gallery modal viewer</title>
<meta name="description" content="A lightweight CSS3 image gallery that is pretty to look and and easy to use">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="photobox/photobox.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src='photobox/photobox.js'></script>
    <div id='gallery'>
    <a href="galerija/durmitor/03.jpg"><img src="galerija/durmitor/small/03.jpg" alt="durmitor2"></a>
    <a href="galerija/durmitor/04.jpg"><img src="galerija/durmitor/small/04.jpg" alt="durmitor3"></a>

    </div>
</div>
<script> // applying photobox on a `gallery` element which has lots of thumbnails links. Passing options object as well: $('#gallery').photobox('a',{ time:0 }); </script>

from photobox.

yairEO avatar yairEO commented on August 22, 2024

what is this url? "galerija" doesn't look like a domain name..

from photobox.

darshan1611 avatar darshan1611 commented on August 22, 2024

I got it...I was missing http:// in ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

from photobox.

darshan1611 avatar darshan1611 commented on August 22, 2024

thank you for the quick reply..

from photobox.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.