I have an issue with this plugin, [ " ISSUE FIXED, EVERYTHING WORKS PERFECTLY " ] :) !

[AlenIdealen]

For example i want to test it on my Login/Register index.php page :

It just wont work and i have checked online documentation...i have tried git hub solutions...i have tried copying direct demo files to use with my page...nothing works...also tried:

Javascript

$(document).on('ready' , function() {
$("#element").introLoader();
});

. This is by far most time consuming simple thing i couldn't get to work at all...

ERROR => I get white screen or it simply wont show anything

---

<title>Prijava / Registracija</title>

    <!-- PRELOADER PLUGIN DODATKI ----------------------------------------------------------------- -->
    <link href="preloader/css/introLoader.min.css" rel="stylesheet">
    <!-- PLUGIN (with helper plugins included) -->
    <script src="preloader/jquery.introLoader.pack.min.js"></script>

    <!-- PRELOADER PLUGIN DODATKI KONEC -------------------------------------------------------- -->

    <!-- PRELOADER <div> KLIC -->
    
    <div id="element"></div>
    
    <script>
        
            $(document).ready( function() {
                    $("#element").introLoader({
                                
                animation: {
                    name: 'doubleLoader',
                    options: {
                        onBefore: function() {$("#element").addClass('introLoading');}
                    }
                },
                        exitFx:'fadeOut',
                        ease: "easeInOutCirc",
                        style: 'ocean zebra',
                        delayBefore: 500,
                        exitTime: 300,
                        progbarTime: 700,
                        progbarDelayAfter: 400,
                        preventScroll: true
                    });
                
            });
		
	</script>

    <!-- PRELOADER <div> KLIC -->

    
<!-- FORM za PRIJAVA / REGISTRACIJA -->
<div class="form">

	<!-- zavihek PRIJAVA / REGISTRACIJA -->
	<ul class="tab-group">
		<li class="tab"><a href="#signup">Registracija</a></li>
		<li class="tab active"><a href="#login">Prijava</a></li>
	</ul>
	
	<!-- zavihek PRIJAVA / REGISTRACIJA -->
	<div class="tab-content">
	
		<!-- zavihek PRIJAVA -->
		<div id="login">   
                                                            <h1>Dobrodošli nazaj!</h1>
                                                            <form><br>
                                                            <div class="content">
                                                            <div class="content__container">
                                                                <p class="content__container__text">
                                                                    Pozdravljeni
                                                                </p>

                                                              <ul class="content__container__list">
                                                                <li class="content__container__list__item">Popotniki !</li>
                                                                <li class="content__container__list__item">Alpinisti !</li>
                                                                <li class="content__container__list__item">Pohodniki !</li>
                                                                <li class="content__container__list__item">Izletniki !</li>
                                                              </ul>
                                                            </div>
                                                          </div>   
                                                    </form>
                                                            <form action="index.php" method="post" autocomplete="off"><br><br>
				<div class="field-wrap">
					<label>E-poštni naslov<span class="req">*</span></label>
					<input type="email" required autocomplete="off" name="email"/>
				</div>
				
				<div class="field-wrap">
					<label>Geslo<span class="req">*</span></label>
					<input type="password" required autocomplete="off" name="geslo"/>
				</div>
			
				<p class="forgot"><a href="forgot.php">Ste pozabili geslo?</a></p>
				
				<button class="button button-block" name="login" />Prijava</button>
			</form>
		</div>

		
		<!-- zavihek REGISTRACIJA -->
		<div id="signup">   
			<h1>Registracija</h1>
                            
                            <!-- CUSTOM Animiran text POZDRAV -->
			<form><br>
                                                            <div class="content">
                                                            <div class="content__container">
                                                              <p class="content__container__text">
                                                                Pozdravljeni
                                                              </p>

                                                              <ul class="content__container__list">
                                                                <li class="content__container__list__item">Popotniki !</li>
                                                                <li class="content__container__list__item">Alpinisti !</li>
                                                                <li class="content__container__list__item">Pohodniki !</li>
                                                                <li class="content__container__list__item">Izletniki !</li>
                                                              </ul>
                                                            </div>
                                                          </div>   
                                                    </form>
                            
                            <!-- CUSTOM Animiran text POZDRAV -->
                            
                                                                    <form action="index.php" method="post" autocomplete="off"><br><br>
				<div class="top-row">
					<div class="field-wrap">
						<label>Ime<span class="req">*</span></label>
						<input type="text" required autocomplete="off" name='ime' />
					</div>
					
					<div class="field-wrap">
						<label>Priimek<span class="req">*</span></label>
						<input type="text"required autocomplete="off" name='priimek' />
					</div>
				</div>
				
				<div class="field-wrap">
					<label>E-poštni naslov<span class="req">*</span></label>
					<input type="email"required autocomplete="off" name='email' />
				</div>

				<div class="field-wrap">
					<label>Nastavi geslo<span class="req">*</span></label>
					<input type="password"required autocomplete="off" name='geslo'/>
				</div>

				<button type="submit" class="button button-block" name="register" />Registracija</button>
			</form>
		</div>
	</div> <!-- konec zavihek PRIJAVA / REGISTRACIJA -->
	
	<!-- gumb PORTAL -->
	<br> <hr> <br>	
	<a href="popotnik.php"><button class="button button-block" name="portal"/>Portal</button></a>
	
</div> <!-- FORM za PRIJAVA / REGISTRACIJA -->

<!-- JavaScript za FORM-o -->
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="js/index.js"></script>

[Gix075]

Hi, try to load <script src="preloader/jquery.introLoader.pack.min.js"></script> after jQuery.

[AlenIdealen]

Yeah i managed to figure out something with my other custom preloaders, so i think yours should work aswell...will def be back to test your amazing preloader, because i have to include it :) ! When website starts to get flooded with many things and scripts etc. , things get unresponsive sometimes :p. So you know we need a little bit of time and testing and optimizing things :P.

When i'll know where to put it on site 100% and test it i'll let you know, if everything is working correctly on refresh back and forward and from redirects.

[AlenIdealen]

IT worked now perfectly...just came back home and tested this on my email.php. I also figured out how to optimize and put all the scripts in what order on every php page i have or html, so i just have to say, preloaders are very light on resources used, clean. Good job man !

Hope to see more from you in the future and when i get my e-card in-time to give you some donation :).