Skip to main content

carasole of 6 6 element dynamic


Controller:

case 'article':          
      $datas = DB::table('articles')->OrderBy('id','desc')->get();
                foreach ($datas as $data)             
   {                    array_push($arr,$data->id);                }  
              $count=count($arr);      
          $page=$count/6;
//                dd($page);      
          return view('front.viewall',compact('datas','cat','count','page'));      


<div class="carousel-inner picturesliderimage">  
  <?php $tmp=0;?>   
     @for($i=0;$i<$page;$i++) 
           @if($i==0)   
     <div class="item active">   
         @else    
            <div class="item">      
      @endif
          <div class="row" style="margin-top:50px">     
         @for($j=0;$j==0||0!=$j%6&&$tmp<$count;$j++,$tmp++)
                  <div class="col-lg-4 col-md-4 col-sm-12 col-xl-12 picturesliderhover" style="text-align:center; margin-bottom: 5%;"> 
                     {{--@foreach($datas as $data)--}} 
                   <img class="responsive" src="https://html5box.com/html5lightbox/images/lakeandballoon.jpg" alt=""> 
                   <div class="textinsideimageslider">
                      <p class="subheading1">{{$datas[$tmp]->category}}</p>                    
                      <p class="subheading2">{{$datas[$tmp]->title}}</p>   
                     <p class="subheading3">{{$datas[$tmp]->auther}}</p>
                    </div>     
                     {{--@endforeach--}} 
                 </div>

              @endfor
          </div>
        </div>            @endfor
    </div></div>



For normal carasole

controller:
 foreach ($innovations as $s)        {//            array_push($sarr,$s->id);            $idi=$s->id;            $countinnovation++;
        }


View:

 @for($i=0;$i<$countinnovation;$i++)                    @if($i==0)<div class="item active">                @else                    <div class="item">                @endif
<span style="font-size: 9px; letter-spacing: 1px; font-family:montserrat">Project Stag:</span>&nbsp
<span id="green">{{$innovations[$i]->project_stag}}</span><br><span id="slider-title">{{$innovations[$i]->title}}</span><br>
@endfor




Comments

Popular posts from this blog

Integration of adminlte admin pannel in laravel 6 adn above

Create new laravel project : laravel new projectname --auth Steps to integrate admin pannel i.e. adminlte 1.  composer require jeroennoten/laravel-adminlte 2.  php artisan adminlte:install 3.  php artisan adminlte:install --only=auth_views 4. php artisan vendor:publish --provider="JeroenNoten\LaravelAdminLte\AdminLteServiceProvider" --tag=views Filemanager: https://unisharp.github.io/laravel-filemanager/installation 1.  composer require unisharp/laravel-filemanager:~1.8 php artisan vendor:publish --tag = lfm_config php artisan vendor:publish --tag = lfm_public 3.  php artisan route:clear php artisan config:clear you will get a problem regarding file relode after upload and to solve do this fix it on vendor\unisharp\laravel-filemanager\src\Controllers\UploadController.php replace line 60 return count($this->errors) > 0 ? $this->errors : parent::$success_response; by return count($this->errors) > 0 ? ...

laravel file manager sorting by time default

Ref :  https://github.com/UniSharp/laravel-filemanager/issues/337 To load files order by "time DESC" you can change the code in vendor/unisharp/laravel-filemanager/src/traits/LfmHelpers.php public function sortFilesAndDirectories($arr_items, $sort_type) { if ($sort_type == 'time') { $key_to_sort = 'updated'; } elseif ($sort_type == 'alphabetic') { $key_to_sort = 'name'; } else { $key_to_sort = 'updated'; } return strcmp($a->{$key_to_sort}, $b->{$key_to_sort}); }); return $arr_items; } with public function sortFilesAndDirectories($arr_items, $sort_type) { if ($sort_type == 'time') { $key_to_sort = 'updated'; } elseif ($sort_type == 'alphabetic') { $key_to_sort = 'name'; } else { $key_to_sort = 'updated'; ...

Convert Html PAge to PDF using Canvas

Link :https://www.quora.com/How-we-export-html-page-as-pdf-using-pure-javascript app.js ( function (){ var form = $ ( '. printme ' ), cache_width = form . width (), a4 =[ 595.28 , 841.89 ]; // for a4 size paper width and height $ ( '#create_pdf' ). on ( 'click' , function (){ $ ( 'body' ). scrollTop ( 0 ); createPDF (); }); //create pdf function createPDF (){ getCanvas (). then ( function (canvas){ var img = canvas. toDataURL ( "image/png" ), doc = new jsPDF ({ unit : 'px' , format : 'a4' }); doc . addImage ( img , 'JPEG' , 20 , 20 ); doc . save ( 'FinalPrint.pdf' ); form . width ( cache_width ); }); } // create canvas object function getCanvas (){ form . width (( a4 [ 0 ]* 1.33333 ) ...