problem with showing the main picture.

GoogleCodeExporter commented 9 years ago

Note: If this is a troubleshooting question, please first look in the FAQ
(http://code.google.com/p/slideshow/wiki/FAQ), search in the Google Group
(http://groups.google.com/group/mootools-slideshow) and / or post your
question there! This form is only for technical issues / bugs, thank you.

What steps will reproduce the problem?
1. go through the information below.
2.
3.

What is the expected output? What do you see instead?

I would like to see the picture:
http://www.kurdishdreams.com/djurplatsen.se/images/sell_id_16.jpg as a
mainpicture.. but it is not shown. but the thumbnails are shown as it
should.. but when clicking on thumbnails the bigger picture is not shown.

What version of the product are you using? On what operating system and
browser?

I am using windows xp, webbrowser: ie7, ff3 and opera 9.62.

Please provide any additional information below.

I have the following JS-code in the head tag, (I am running Mootools v1.2.1):

<script type="text/javascript">     
//<![CDATA[
  window.addEvent('domready', function(){
    var data = {
      'images/sell_id_16_1.jpg': { caption: 'divas f?rsta kull'
},'images/sell_id_16_2.jpg': { caption: 'divas f?rsta kull'
},'images/sell_id_16_3.jpg': { caption: 'divas f?rsta kull' }
    };
    var myShow = new Slideshow('show', data, {controller: true, height: 600,
hu: '', thumbnails: true, width: 740});
  });
//]]>
</script>

I have this text in the php page:

<div id="show" class="slideshow"> <img src="images/sell_id_16.jpg"
alt="divas f�rsta kull" title="divas f�rsta kull" width="200"
height="150"/> </div>

even though it will not show the images/sell_id_16.jpg picture.
it is correct path to the picture.
the thumbnails are shown but no the main picture: images/sell_id_16.jpg.
(the picture is located at:
http://www.kurdishdreams.com/djurplatsen.se/images/sell_id_16.jpg)

You can test the photogallery on this page:
http://www.kurdishdreams.com/djurplatsen.se/sell_show.php?add_id=16&category=&pr
ovince=10

please help me with this information.

Original issue reported on code.google.com by zilv...@gmail.com on 13 Jan 2009 at 5:46

GoogleCodeExporter commented 9 years ago

The problem has to do with the way you are using your base stylesheet to import 
the
slideshow CSS. Unfortunately I do not believe that method will work. Mootools 
parses
in the document stylesheets in order to create a table of all the classes and 
style
rules which Slideshow then uses to morph between one effect and another. 
However if
you are using the @import method I do not believe that stylesheet will appear 
in the
document stylesheets array (if you have Firebug you can output 
"document.styleSheets"
in the console to see what I mean). You will need to include the slideshow.css
stylesheet with a link in your HTML document in order for the FX to work 
properly. I
will add a note about not using the @import method to the Slideshow site.

Original comment by aeron.gl...@gmail.com on 17 Jan 2009 at 3:30

Changed state: Invalid

GoogleCodeExporter commented 9 years ago

aeron:
thank you..
it was exactly as you said.. it doesnt work with @import in the stylesheet.
now i have added the css file in the php page instead.
/thank you very much:)

Original comment by zilv...@gmail.com on 20 Jan 2009 at 11:57

BipadTaranMahato / slideshow

problem with showing the main picture. #62