0

Sir I using Gallery Slider from this link

http://www.a2zwebhelp.com/jquery-auto-image-rotator

It works fine but after sometime Google Chrome displays this error message

Either Chrome ran out of memory of or the process for the webpage was terminated for some other reason.

How to overcome this error message message.

I have these codes

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" href="images/asia_icon.png" type="image/png">
<link rel="stylesheet" href="asiaghee.css" type="text/css">

<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script> 

<script language="javascript">
$(document).ready(function(){
    $('#slider1') .cycle({
        fx: 'fade', //'scrollLeft,scrollDown,scrollRight,scrollUp',blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, none, scrollUp,scrollDown,scrollLeft,scrollRight,scrollHorz,scrollVert,shuffle,slideX,slideY,toss,turnUp,turnDown,turnLeft,turnRight,uncover,ipe ,zoom
        speed:  'slow', 
        timeout: 2000 
    });
}); 
</script>

</head>

<body>
<div id=gallery>
<p>Images inside Mills</p>

<section>

<div class="container">

<div class="slider">
<ul id="slider1">
    <li><img border="0" src="images/agm/AGM_TIMEOFFICE.JPG" width="625" height="345" title="jQuery Image slider" /></li>
    <li><img border="0" src="images/agm/AGM_STORAGE.JPG" width="625" height="345" title="jQuery Image slider" /></li>
    <li><img border="0" src="images/agm/IMG_1505.JPG" width="625" height="345" title="jQuery Image slider" /></li>
    <li><img border="0" src="images/agm/IMG_1506.JPG" width="625" height="345" title="jQuery Image slider" /></li>
</ul>
</div>
</div>
</section>
</body>
</html>
Attachments slide_hangs.png 14.26 KB
2
Contributors
1
Reply
17
Views
2 Years
Discussion Span
Last Post by AleMonteiro
0

Hi tqmd1, what version of jquery and of cycle are you using?

One thing that you can try it's to specify the size, like this:

 $('#slider1') .cycle({
        fx: 'fade', //'scrollLeft,scrollDown,scrollRight,scrollUp',blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, none, scrollUp,scrollDown,scrollLeft,scrollRight,scrollHorz,scrollVert,shuffle,slideX,slideY,toss,turnUp,turnDown,turnLeft,turnRight,uncover,ipe ,zoom
        speed:  'slow', 
        timeout: 2000 ,
        width:  '625px',
        height: '345px',
        fit:    true
    });
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.