Memory Problem

Question

tqmd1 0 Junior Poster

9 Years Ago

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>

javascript

2 Contributors
1 Reply
234 Views
10 Hours Discussion Span
Latest Post 9 Years Ago Latest Post by AleMonteiro

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

AleMonteiro 238 Can I pick my title? · Answer 1 · 2015-04-12T06:35:30+00:00

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
    });