Fatal error: Width & Height not found

subscribing.

I've tried 1.4.4 version of jquery. Same error.

Error: Fatal error: Width & Height not found.
Source: http://.../sites/all/libraries/aino-galleria-fc65989/src/galleria.js?P
Line: 3475

found the issue?

I've tested View Slideshow: Galleria with different revision of Galleria module and see that this error happens with latest revision. However some old revision of galleria is incompatible and causes some other errors.

I've found the revision of Galleria that works fine with this module: http://github.com/aino/galleria/zipball/cf9ab014d15c41ce89faccb258da6612....

I suggest author to update documentation about last module release.

Figured it out. If you define the dimensions of the gallery container it works. For example: <div id="galleria>" style="width:800px;height:600px;">

Thanks. It worked for me too. I've added following code to my css:

#views-slideshow-galleria-images-1 {
  height: 393px;
  width: 588px;
}

but it is possible to use following one:

.views-slideshow-galleria-images {
  height: 800px;
  width: 600px;
}

Also it works after styling galleria.classic.css:

.galleria-container {
    height: 483px; // this line was added
    width: 586px;  // this line was added 
    position: relative;
    overflow: hidden;
    background: #000;    
    border: 1px solid #000;
}

So I'm not sure if it a bug of this module. I think it is an issue of galleria. However ability to manually set width/height will be useful feature.

I tried this... and it didn't work... (setting the .galleria-container width and height)

/*
 * Galleria Classic Theme
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */
 

.galleria-container 
{
    height: 320px;
    width: 480px;
    position: relative;
    overflow: hidden;
    background: #000;
}
.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

I even tried putting it in a div... I'm not sure i did it right: (Works fine in firefox!)

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div id="galleria>" style="width: 800px; height: 600px;">
        <div class="images">
            <img src="images/nikah/_MG_4391.JPG">
            <img src="images/nikah/_MG_4392.JPG">
            <img src="images/nikah/_MG_4393.JPG">
            <img src="images/nikah/_MG_4394.JPG">
            <img src="images/nikah/_MG_4395.JPG">
            <img src="images/nikah/_MG_4396.JPG">
            <img src="images/nikah/_MG_4397.JPG">
            <img src="images/nikah/_MG_4398.JPG">
            <img src="images/nikah/_MG_4399.JPG">
            <img src="images/nikah/_MG_4400.JPG">
            <img src="images/nikah/_MG_4401.JPG">
            <img src="images/nikah/_MG_4402.JPG">
            <img src="images/nikah/_MG_4403.JPG">
            <img src="images/nikah/_MG_4404.JPG">
        </div>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script src="/Scripts/galleria.js"></script>
        <script>
            Galleria.loadTheme('/themes/classic/galleria.classic.js');
        </script>
        <script> $('.images').galleria();</script>
    </div>
</asp:Content>

Ugh... ok i fixed that error... and everything runs fine in Debug mode on Visual Studio:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Albums.aspx.cs" MasterPageFile="~/Site.Master"
    Inherits="Web_Slideshow.Albums" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div id="galleria" class="images" style="width: 80%; height: 50%;">
        <img src="images/nikah/_MG_4391.JPG" alt="1">
        <img src="images/nikah/_MG_4392.JPG" alt="2">
        <img src="images/nikah/_MG_4393.JPG" alt="3">
        <img src="images/nikah/_MG_4394.JPG" alt="4">
        <img src="images/nikah/_MG_4395.JPG" alt="5">
        <img src="images/nikah/_MG_4396.JPG" alt="6">
        <img src="images/nikah/_MG_4397.JPG" alt="7">
        <img src="images/nikah/_MG_4398.JPG" alt="8">
        <img src="images/nikah/_MG_4399.JPG" alt="9">
        <img src="images/nikah/_MG_4400.JPG" alt="10">
        <img src="images/nikah/_MG_4401.JPG" alt="11">
        <img src="images/nikah/_MG_4402.JPG" alt="12">
        <img src="images/nikah/_MG_4403.JPG" alt="13">
        <img src="images/nikah/_MG_4404.JPG" alt="14">
        <img src="images/nikah/_MG_4405.JPG" alt="15">
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script type="text/javascript" src="/Scripts/galleria.js"></script>
        <script>
            Galleria.loadTheme('/themes/classic/galleria.classic.js');
        </script>
        <script>
            $('.images').galleria();
        </script>

    </div>
</asp:Content>

However, when I publish to the same pc's IIS server (http://faizan.webhop.org/Nikah/Albums.aspx) it doesn't show anything in IE and gives this error:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.2)
Timestamp: Sat, 15 Jan 2011 13:55:53 UTC

Message: Fatal error: No theme found.
Line: 3475
Char: 9
Code: 0
URI: http://faizan.webhop.org/Nikah/Scripts/galleria.js

And in Firefox it just displays all the pics top to bottom....

Funny thing though... when i remove the forward slash (/) before "/Scripts/..." in:

<script type="text/javascript" src="/Scripts/galleria.js"></script> 

Then in both browsers it displays nothing.

Adding width and height worked, as well as using jQuery Update 6.x alpha version.

Can this please be rolled into a new dev or stable (if that is the solution?) It took me hours to track this down. Now the gallery displays.

because new page is no reference to "galleria.js" file

在你打开的新页面没有引用到这个文件，你要可以按这个来试试看！

Changing component. Some basic problems need to be documented in the module. For further information you should see the documentation of the Galleria plugin.

Thanks a lot dealancer you have solved my big problem.

Hi,
I created a image gallery page(photoGallery.htm) using instructions found in http://galleria.aino.se/docs/1.2/getting_started/beginners_guide/ which works fine.

Then i tried to integrate this page in Sharepoint 2010 web content webpart and got
"Fatal error: Width & Height not found".

I tried running the script using debug version and minified version. Same error message when it loads in SharePoint 2010.

I tried setting width and height of the container DIV, then setting width and height of of attribute. nothing helped.
script files used:
1.4.4/jquery.min.js" and galleria-1.2.3.js'

Not sure what to do from here. please advise if you have a solution...

Thank you
Jahangir

I had the same issue -- found that in my theme (i was using twitter bootstrap) there was a class definition:

.hidden
{
display:none;
visibility:hidden;
}

This was causing the height extraction to fail. By removing that class, I fixed it.