Giter Club home page Giter Club logo

angular-lorem-image's Introduction

angular-lorem-image

This directive provides lorem image generation for your website by using the great lorempixel service to generate images. Options:

  • width: in px(default value at 300 px)
  • height:in px(default value at 200 px)
  • count: number of images
  • text: vertical text on the left border of your image
  • category: specific to lorem images (ex:sports,animals)
Really simple to use :
<lorem width='200' height='200'  count='3' text='titi' category='sports'></lorem>

JSFiddle example : http://jsfiddle.net/xMuB9/1/
PR accepted so Have Fun!

Directory Layout

app/                --> all of the files to be used in production
  index.html        --> app layout file (the main html template file of the app)
  js/              --> javascript files
    app.js          --> application
    directives.js   --> application directives
    services.js     --> custom angular services
  partials/             --> angular view partials (partial html templates)
    partial1.html

config/karma.conf.js        --> config file for running unit tests with Karma
config/karma-e2e.conf.js    --> config file for running e2e tests with Karma

scripts/            --> handy shell/js/ruby scripts
  e2e-test.sh       --> runs end-to-end tests with Karma (*nix)
  e2e-test.bat      --> runs end-to-end tests with Karma (windows)
  test.bat          --> autotests unit tests with Karma (windows)
  test.sh           --> autotests unit tests with Karma (*nix)
  web-server.js     --> simple development webserver based on node.js

test/               --> test source files and libraries
  e2e/              -->
    runner.html     --> end-to-end test runner (open in your browser to run)
    scenarios.js    --> end-to-end specs
  lib/
    angular/                --> angular testing libraries
      angular-mocks.js      --> mocks that replace certain angular services in tests
      angular-scenario.js   --> angular's scenario (end-to-end) test runner library
      version.txt           --> version file
  unit/                     --> unit level specs/tests
    controllersSpec.js      --> specs for controllers
    directivessSpec.js      --> specs for directives
    filtersSpec.js          --> specs for filters
    servicesSpec.js         --> specs for services

angular-lorem-image's People

Contributors

alexeygolev avatar btford avatar cburgdorf avatar djebbz avatar elnur avatar ermakovich avatar fuentesjr avatar ifedotov avatar igorminar avatar iszak avatar jeffbcross avatar jksdua avatar marcenuc avatar matthieu-d avatar mhevery avatar michaelneale avatar petebacondarwin avatar philspitler avatar rolaveric avatar segeda avatar tbosch avatar vojtajina avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.